@starterlib/ui 0.12.0 → 0.13.1

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.
@@ -602,8 +602,8 @@ var StPagination = class StPagination {
602
602
  classAttribute: "st-pagination"
603
603
  },
604
604
  ngImport: i0,
605
- template: "<nav class=\"st-pagination__navigation\" [attr.aria-label]=\"etiquetteLue()\">\n @if (mode() === 'pages') {\n <div class=\"st-pagination__pages\">\n <!-- Le bouton clique porte le chargement ; l'autre attend, indisponible (D-12). -->\n <button\n stButton\n type=\"button\"\n iconeAvant=\"chevron-gauche\"\n [indisponible]=\"precedenteBloquee()\"\n [chargement]=\"enChargement() === 'precedente'\"\n (click)=\"demander('precedente')\"\n >\n {{ libelles().pagePrecedente }}\n </button>\n <!-- Le carre montre le numero ; « Page N » se lit. aria-current reste sur le span :\n le curseur n'est pas adressable, la page courante n'est pas un lien. -->\n <span class=\"st-pagination__numero\" aria-current=\"page\">\n <span class=\"st-vh\">{{ libelles().pageNumero(numero()) }}</span>\n <span aria-hidden=\"true\">{{ nombres().format(numero()) }}</span>\n </span>\n <button\n stButton\n type=\"button\"\n iconeApres=\"chevron-droite\"\n [indisponible]=\"suivanteBloquee()\"\n [chargement]=\"enChargement() === 'suivante'\"\n (click)=\"demander('suivante')\"\n >\n {{ libelles().pageSuivante }}\n </button>\n </div>\n } @else if (suivanteDisponible()) {\n <button\n stButton\n class=\"st-pagination__suite\"\n type=\"button\"\n variante=\"tonale\"\n pleineLargeur\n [chargement]=\"chargement()\"\n (click)=\"suivante.emit()\"\n >\n <span class=\"st-pagination__plus\">\n <st-icon class=\"st-pagination__glyphe\" nom=\"cercle-chevron-bas\" taille=\"18\" />\n <span>{{ libelles().afficherPlus }}</span>\n </span>\n </button>\n } @else if (finDeListe()) {\n <p class=\"st-pagination__fin\">{{ libelles().finDeLaListe }}</p>\n }\n\n @if (tailles().length > 0) {\n <label class=\"st-pagination__taille\">\n <span class=\"st-pagination__intitule\">{{ libelles().lignesParPage }}</span>\n <span class=\"st-pagination__cadre\">\n <select class=\"st-pagination__choix\" (change)=\"surTaille($event)\">\n @for (proposee of tailles(); track proposee) {\n <option [value]=\"proposee\" [selected]=\"proposee === tailleBornee()\">\n {{ nombres().format(proposee) }}\n </option>\n }\n </select>\n <st-icon class=\"st-pagination__chevron\" nom=\"chevron-bas\" taille=\"18\" />\n </span>\n </label>\n }\n</nav>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
606
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}:host([hidden]){display:none}:host([data-mode=pages]){box-sizing:border-box;min-block-size:var(--st-hauteur-commande-2xl);padding:var(--st-espacement-2-5);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-pagination__navigation{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}.st-pagination__pages{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-pagination__numero{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-sm);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-pagination__suite.st-button{margin-block-start:var(--st-espacement-1);padding-inline:0;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-pagination__suite.st-button:hover:not([aria-disabled=true]){background:var(--st-couleur-surface-conteneur-haut)}}.st-pagination__suite.st-button:active:not([aria-disabled=true]){background:var(--st-couleur-surface-active)}.st-pagination__plus{display:flex;gap:var(--st-espacement-2);align-items:center}.st-pagination__glyphe{color:var(--st-couleur-primaire)}.st-pagination__fin{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue)}.st-pagination__taille{display:inline-flex;gap:var(--st-espacement-2);align-items:center;margin-inline-start:auto}.st-pagination__intitule{font-family:var(--st-police-mono);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);white-space:nowrap}.st-pagination__cadre{position:relative;display:inline-flex;align-items:center}.st-pagination__choix: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-pagination__choix{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-pagination__choix:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-pagination__choix{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-pagination__choix{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-pagination__choix::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-pagination__choix:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-pagination__choix:focus-visible{border-color:var(--st-couleur-primaire)}.st-pagination__choix[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-pagination__choix[aria-invalid=true]: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),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-pagination__choix:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-pagination__choix:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-pagination__choix:is(input,textarea):read-only:not(:disabled),.st-pagination__choix[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-pagination__choix{inline-size:auto;padding-inline:var(--st-espacement-3) var(--st-espacement-8);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);appearance:none;cursor:pointer}.st-pagination__chevron{position:absolute;inset-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret);pointer-events:none}@media(forced-colors:active){.st-pagination__numero{forced-color-adjust:none;color:HighlightText;background:Highlight}}@media print{:host([data-mode=pages]){padding:0;border:0}.st-button,.st-pagination__taille{display:none}}\n"],
605
+ template: "<nav class=\"st-pagination__navigation\" [attr.aria-label]=\"etiquetteLue()\">\n @if (mode() === 'pages') {\n <div class=\"st-pagination__pages\">\n <!-- Le bouton clique porte le chargement ; l'autre attend, indisponible (D-12). -->\n <!-- Petite taille (consigne du proprietaire d'Aplomb du 2026-10-14) ; dans une barre etroite, le chevron seul :\n le libelle reste le nom du bouton, hors de la vue (requete de conteneur). -->\n <button\n stButton\n type=\"button\"\n taille=\"sm\"\n iconeAvant=\"chevron-gauche\"\n [indisponible]=\"precedenteBloquee()\"\n [chargement]=\"enChargement() === 'precedente'\"\n (click)=\"demander('precedente')\"\n >\n <span class=\"st-pagination__libelle\">{{ libelles().pagePrecedente }}</span>\n </button>\n <!-- Le carre montre le numero ; « Page N » se lit. aria-current reste sur le span :\n le curseur n'est pas adressable, la page courante n'est pas un lien. -->\n <span class=\"st-pagination__numero\" aria-current=\"page\">\n <span class=\"st-vh\">{{ libelles().pageNumero(numero()) }}</span>\n <span aria-hidden=\"true\">{{ nombres().format(numero()) }}</span>\n </span>\n <button\n stButton\n type=\"button\"\n taille=\"sm\"\n iconeApres=\"chevron-droite\"\n [indisponible]=\"suivanteBloquee()\"\n [chargement]=\"enChargement() === 'suivante'\"\n (click)=\"demander('suivante')\"\n >\n <span class=\"st-pagination__libelle\">{{ libelles().pageSuivante }}</span>\n </button>\n </div>\n } @else if (suivanteDisponible()) {\n <button\n stButton\n class=\"st-pagination__suite\"\n type=\"button\"\n variante=\"tonale\"\n pleineLargeur\n [chargement]=\"chargement()\"\n (click)=\"suivante.emit()\"\n >\n <span class=\"st-pagination__plus\">\n <st-icon class=\"st-pagination__glyphe\" nom=\"cercle-chevron-bas\" taille=\"18\" />\n <span>{{ libelles().afficherPlus }}</span>\n </span>\n </button>\n } @else if (finDeListe()) {\n <p class=\"st-pagination__fin\">{{ libelles().finDeLaListe }}</p>\n }\n\n @if (tailles().length > 0) {\n <label class=\"st-pagination__taille\">\n <span class=\"st-pagination__intitule\">{{ libelles().lignesParPage }}</span>\n <span class=\"st-pagination__cadre\">\n <select class=\"st-pagination__choix\" (change)=\"surTaille($event)\">\n @for (proposee of tailles(); track proposee) {\n <option [value]=\"proposee\" [selected]=\"proposee === tailleBornee()\">\n {{ nombres().format(proposee) }}\n </option>\n }\n </select>\n <st-icon class=\"st-pagination__chevron\" nom=\"chevron-bas\" taille=\"18\" />\n </span>\n </label>\n }\n</nav>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
606
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;--st-pagination-hauteur: max( var(--st-hauteur-commande-sm), min( var(--st-hauteur-commande-md), var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) ) )}@media(pointer:coarse){:host{--st-pagination-hauteur: max( var(--st-cible-tactile-min), var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) )}}:host([hidden]){display:none}:host([data-mode=pages]){box-sizing:border-box;padding:var(--st-espacement-2);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-pagination__navigation{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:space-between}.st-pagination__pages{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-pagination__numero{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:var(--st-pagination-hauteur);block-size:var(--st-pagination-hauteur);padding-inline:var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-sm);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-pagination__suite.st-button{margin-block-start:var(--st-espacement-1);padding-inline:0;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-pagination__suite.st-button:hover:not([aria-disabled=true]){background:var(--st-couleur-surface-conteneur-haut)}}.st-pagination__suite.st-button:active:not([aria-disabled=true]){background:var(--st-couleur-surface-active)}.st-pagination__plus{display:flex;gap:var(--st-espacement-2);align-items:center}.st-pagination__glyphe{color:var(--st-couleur-primaire)}.st-pagination__fin{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue)}.st-pagination__taille{display:inline-flex;gap:var(--st-espacement-2);align-items:center;margin-inline-start:auto}.st-pagination__intitule{font-family:var(--st-police-mono);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);white-space:nowrap}.st-pagination__cadre{position:relative;display:inline-flex;align-items:center}.st-pagination__choix: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-pagination__choix{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-pagination__choix:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-pagination__choix{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-pagination__choix{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-pagination__choix::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-pagination__choix:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-pagination__choix:focus-visible{border-color:var(--st-couleur-primaire)}.st-pagination__choix[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-pagination__choix[aria-invalid=true]: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),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-pagination__choix:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-pagination__choix:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-pagination__choix:is(input,textarea):read-only:not(:disabled),.st-pagination__choix[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-pagination__choix{inline-size:auto;padding-block:0;padding-inline:var(--st-espacement-2-5) var(--st-espacement-8);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);appearance:none;cursor:pointer}.st-pagination__choix:is(select){min-block-size:var(--st-pagination-hauteur);block-size:var(--st-pagination-hauteur)}.st-pagination__chevron{position:absolute;inset-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret);pointer-events:none}.st-pagination__libelle,.st-pagination__intitule{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(min-width:30rem){.st-pagination__libelle,.st-pagination__intitule{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;white-space:nowrap}}@media(min-width:30rem){.st-pagination__navigation{gap:var(--st-espacement-3)}}@media(forced-colors:active){.st-pagination__numero{forced-color-adjust:none;color:HighlightText;background:Highlight}}@media print{:host([data-mode=pages]){padding:0;border:0}.st-button,.st-pagination__taille{display:none}}\n"],
607
607
  dependencies: [{
608
608
  kind: "component",
609
609
  type: StButton,
@@ -653,8 +653,8 @@ i0.ɵɵngDeclareClassMetadata({
653
653
  "[attr.data-mode]": "mode()",
654
654
  "[attr.hidden]": "vide() ? \"\" : null"
655
655
  },
656
- template: "<nav class=\"st-pagination__navigation\" [attr.aria-label]=\"etiquetteLue()\">\n @if (mode() === 'pages') {\n <div class=\"st-pagination__pages\">\n <!-- Le bouton clique porte le chargement ; l'autre attend, indisponible (D-12). -->\n <button\n stButton\n type=\"button\"\n iconeAvant=\"chevron-gauche\"\n [indisponible]=\"precedenteBloquee()\"\n [chargement]=\"enChargement() === 'precedente'\"\n (click)=\"demander('precedente')\"\n >\n {{ libelles().pagePrecedente }}\n </button>\n <!-- Le carre montre le numero ; « Page N » se lit. aria-current reste sur le span :\n le curseur n'est pas adressable, la page courante n'est pas un lien. -->\n <span class=\"st-pagination__numero\" aria-current=\"page\">\n <span class=\"st-vh\">{{ libelles().pageNumero(numero()) }}</span>\n <span aria-hidden=\"true\">{{ nombres().format(numero()) }}</span>\n </span>\n <button\n stButton\n type=\"button\"\n iconeApres=\"chevron-droite\"\n [indisponible]=\"suivanteBloquee()\"\n [chargement]=\"enChargement() === 'suivante'\"\n (click)=\"demander('suivante')\"\n >\n {{ libelles().pageSuivante }}\n </button>\n </div>\n } @else if (suivanteDisponible()) {\n <button\n stButton\n class=\"st-pagination__suite\"\n type=\"button\"\n variante=\"tonale\"\n pleineLargeur\n [chargement]=\"chargement()\"\n (click)=\"suivante.emit()\"\n >\n <span class=\"st-pagination__plus\">\n <st-icon class=\"st-pagination__glyphe\" nom=\"cercle-chevron-bas\" taille=\"18\" />\n <span>{{ libelles().afficherPlus }}</span>\n </span>\n </button>\n } @else if (finDeListe()) {\n <p class=\"st-pagination__fin\">{{ libelles().finDeLaListe }}</p>\n }\n\n @if (tailles().length > 0) {\n <label class=\"st-pagination__taille\">\n <span class=\"st-pagination__intitule\">{{ libelles().lignesParPage }}</span>\n <span class=\"st-pagination__cadre\">\n <select class=\"st-pagination__choix\" (change)=\"surTaille($event)\">\n @for (proposee of tailles(); track proposee) {\n <option [value]=\"proposee\" [selected]=\"proposee === tailleBornee()\">\n {{ nombres().format(proposee) }}\n </option>\n }\n </select>\n <st-icon class=\"st-pagination__chevron\" nom=\"chevron-bas\" taille=\"18\" />\n </span>\n </label>\n }\n</nav>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
657
- styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}:host([hidden]){display:none}:host([data-mode=pages]){box-sizing:border-box;min-block-size:var(--st-hauteur-commande-2xl);padding:var(--st-espacement-2-5);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-pagination__navigation{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}.st-pagination__pages{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-pagination__numero{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-sm);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-pagination__suite.st-button{margin-block-start:var(--st-espacement-1);padding-inline:0;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-pagination__suite.st-button:hover:not([aria-disabled=true]){background:var(--st-couleur-surface-conteneur-haut)}}.st-pagination__suite.st-button:active:not([aria-disabled=true]){background:var(--st-couleur-surface-active)}.st-pagination__plus{display:flex;gap:var(--st-espacement-2);align-items:center}.st-pagination__glyphe{color:var(--st-couleur-primaire)}.st-pagination__fin{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue)}.st-pagination__taille{display:inline-flex;gap:var(--st-espacement-2);align-items:center;margin-inline-start:auto}.st-pagination__intitule{font-family:var(--st-police-mono);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);white-space:nowrap}.st-pagination__cadre{position:relative;display:inline-flex;align-items:center}.st-pagination__choix: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-pagination__choix{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-pagination__choix:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-pagination__choix{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-pagination__choix{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-pagination__choix::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-pagination__choix:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-pagination__choix:focus-visible{border-color:var(--st-couleur-primaire)}.st-pagination__choix[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-pagination__choix[aria-invalid=true]: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),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-pagination__choix:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-pagination__choix:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-pagination__choix:is(input,textarea):read-only:not(:disabled),.st-pagination__choix[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-pagination__choix{inline-size:auto;padding-inline:var(--st-espacement-3) var(--st-espacement-8);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);appearance:none;cursor:pointer}.st-pagination__chevron{position:absolute;inset-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret);pointer-events:none}@media(forced-colors:active){.st-pagination__numero{forced-color-adjust:none;color:HighlightText;background:Highlight}}@media print{:host([data-mode=pages]){padding:0;border:0}.st-button,.st-pagination__taille{display:none}}\n"]
656
+ template: "<nav class=\"st-pagination__navigation\" [attr.aria-label]=\"etiquetteLue()\">\n @if (mode() === 'pages') {\n <div class=\"st-pagination__pages\">\n <!-- Le bouton clique porte le chargement ; l'autre attend, indisponible (D-12). -->\n <!-- Petite taille (consigne du proprietaire d'Aplomb du 2026-10-14) ; dans une barre etroite, le chevron seul :\n le libelle reste le nom du bouton, hors de la vue (requete de conteneur). -->\n <button\n stButton\n type=\"button\"\n taille=\"sm\"\n iconeAvant=\"chevron-gauche\"\n [indisponible]=\"precedenteBloquee()\"\n [chargement]=\"enChargement() === 'precedente'\"\n (click)=\"demander('precedente')\"\n >\n <span class=\"st-pagination__libelle\">{{ libelles().pagePrecedente }}</span>\n </button>\n <!-- Le carre montre le numero ; « Page N » se lit. aria-current reste sur le span :\n le curseur n'est pas adressable, la page courante n'est pas un lien. -->\n <span class=\"st-pagination__numero\" aria-current=\"page\">\n <span class=\"st-vh\">{{ libelles().pageNumero(numero()) }}</span>\n <span aria-hidden=\"true\">{{ nombres().format(numero()) }}</span>\n </span>\n <button\n stButton\n type=\"button\"\n taille=\"sm\"\n iconeApres=\"chevron-droite\"\n [indisponible]=\"suivanteBloquee()\"\n [chargement]=\"enChargement() === 'suivante'\"\n (click)=\"demander('suivante')\"\n >\n <span class=\"st-pagination__libelle\">{{ libelles().pageSuivante }}</span>\n </button>\n </div>\n } @else if (suivanteDisponible()) {\n <button\n stButton\n class=\"st-pagination__suite\"\n type=\"button\"\n variante=\"tonale\"\n pleineLargeur\n [chargement]=\"chargement()\"\n (click)=\"suivante.emit()\"\n >\n <span class=\"st-pagination__plus\">\n <st-icon class=\"st-pagination__glyphe\" nom=\"cercle-chevron-bas\" taille=\"18\" />\n <span>{{ libelles().afficherPlus }}</span>\n </span>\n </button>\n } @else if (finDeListe()) {\n <p class=\"st-pagination__fin\">{{ libelles().finDeLaListe }}</p>\n }\n\n @if (tailles().length > 0) {\n <label class=\"st-pagination__taille\">\n <span class=\"st-pagination__intitule\">{{ libelles().lignesParPage }}</span>\n <span class=\"st-pagination__cadre\">\n <select class=\"st-pagination__choix\" (change)=\"surTaille($event)\">\n @for (proposee of tailles(); track proposee) {\n <option [value]=\"proposee\" [selected]=\"proposee === tailleBornee()\">\n {{ nombres().format(proposee) }}\n </option>\n }\n </select>\n <st-icon class=\"st-pagination__chevron\" nom=\"chevron-bas\" taille=\"18\" />\n </span>\n </label>\n }\n</nav>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
657
+ styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;--st-pagination-hauteur: max( var(--st-hauteur-commande-sm), min( var(--st-hauteur-commande-md), var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) ) )}@media(pointer:coarse){:host{--st-pagination-hauteur: max( var(--st-cible-tactile-min), var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) )}}:host([hidden]){display:none}:host([data-mode=pages]){box-sizing:border-box;padding:var(--st-espacement-2);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-pagination__navigation{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:space-between}.st-pagination__pages{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-pagination__numero{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:var(--st-pagination-hauteur);block-size:var(--st-pagination-hauteur);padding-inline:var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-sm);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-pagination__suite.st-button{margin-block-start:var(--st-espacement-1);padding-inline:0;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-pagination__suite.st-button:hover:not([aria-disabled=true]){background:var(--st-couleur-surface-conteneur-haut)}}.st-pagination__suite.st-button:active:not([aria-disabled=true]){background:var(--st-couleur-surface-active)}.st-pagination__plus{display:flex;gap:var(--st-espacement-2);align-items:center}.st-pagination__glyphe{color:var(--st-couleur-primaire)}.st-pagination__fin{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue)}.st-pagination__taille{display:inline-flex;gap:var(--st-espacement-2);align-items:center;margin-inline-start:auto}.st-pagination__intitule{font-family:var(--st-police-mono);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);white-space:nowrap}.st-pagination__cadre{position:relative;display:inline-flex;align-items:center}.st-pagination__choix: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-pagination__choix{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-pagination__choix:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-pagination__choix{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-pagination__choix{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-pagination__choix::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-pagination__choix:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-pagination__choix:focus-visible{border-color:var(--st-couleur-primaire)}.st-pagination__choix[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-pagination__choix[aria-invalid=true]: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),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-pagination__choix:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-pagination__choix:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-pagination__choix:is(input,textarea):read-only:not(:disabled),.st-pagination__choix[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-pagination__choix{inline-size:auto;padding-block:0;padding-inline:var(--st-espacement-2-5) var(--st-espacement-8);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);appearance:none;cursor:pointer}.st-pagination__choix:is(select){min-block-size:var(--st-pagination-hauteur);block-size:var(--st-pagination-hauteur)}.st-pagination__chevron{position:absolute;inset-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret);pointer-events:none}.st-pagination__libelle,.st-pagination__intitule{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(min-width:30rem){.st-pagination__libelle,.st-pagination__intitule{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;white-space:nowrap}}@media(min-width:30rem){.st-pagination__navigation{gap:var(--st-espacement-3)}}@media(forced-colors:active){.st-pagination__numero{forced-color-adjust:none;color:HighlightText;background:Highlight}}@media print{:host([data-mode=pages]){padding:0;border:0}.st-button,.st-pagination__taille{display:none}}\n"]
658
658
  }]
659
659
  }],
660
660
  ctorParameters: () => [],
@@ -1327,7 +1327,7 @@ var StSortHeader = class StSortHeader {
1327
1327
  },
1328
1328
  ngImport: i0,
1329
1329
  template: "<span class=\"st-sort-header__libelle\"><ng-content /></span>\n<st-icon class=\"st-sort-header__icone\" taille=\"16\" [nom]=\"icone()\" />\n",
1330
- 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:calc(-1 * var(--st-focus-epaisseur))}:host{--st-tri-rembourrage: var( --st-tableau-cellule-ligne, calc(var(--st-densite-cellule-ligne) + var(--st-espacement-1)) );box-sizing:border-box;display:flex;gap:var(--st-espacement-1);align-items:center;inline-size:calc(100% + 2 * var(--st-tri-rembourrage));min-block-size:var(--st-hauteur-commande-defaut);margin-inline:calc(-1 * var(--st-tri-rembourrage));padding-block:0;padding-inline:var(--st-tri-rembourrage);font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--st-couleur-texte-discret);text-align:inherit;white-space:inherit;cursor:pointer;background:none;border:0}:host([data-alignement=fin]){justify-content:flex-end}:host([data-sens]){gap:var(--st-espacement-1-5);color:var(--st-couleur-texte-primaire)}@media(hover:hover){:host(:hover){background:var(--st-couleur-surface-survol)}}.st-sort-header__icone{flex:none;color:inherit}\n"],
1330
+ 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:calc(-1 * var(--st-focus-epaisseur))}:host{--st-tri-rembourrage: var(--st-tableau-cellule-ligne, var(--st-espacement-2));box-sizing:border-box;display:flex;gap:var(--st-espacement-1);align-items:center;inline-size:calc(100% + 2 * var(--st-tri-rembourrage));min-block-size:min(var(--st-hauteur-commande-defaut),var(--st-hauteur-commande-lg));margin-inline:calc(-1 * var(--st-tri-rembourrage));padding-block:0;padding-inline:var(--st-tri-rembourrage);font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--st-couleur-texte-discret);text-align:inherit;white-space:inherit;cursor:pointer;background:none;border:0}@media(min-width:30rem){:host{--st-tri-rembourrage: var(--st-tableau-cellule-ligne, var(--st-densite-cellule-ligne))}}@media(pointer:coarse){:host{min-block-size:max(var(--st-cible-tactile-min),var(--st-hauteur-commande-defaut))}}:host([data-alignement=fin]){justify-content:flex-end}:host([data-sens]){gap:var(--st-espacement-1-5);color:var(--st-couleur-texte-primaire)}@media(hover:hover){:host(:hover){background:var(--st-couleur-surface-survol)}}.st-sort-header__icone{flex:none;color:inherit}\n"],
1331
1331
  dependencies: [{
1332
1332
  kind: "component",
1333
1333
  type: StIcon,
@@ -1366,7 +1366,7 @@ i0.ɵɵngDeclareClassMetadata({
1366
1366
  "(click)": "basculer()"
1367
1367
  },
1368
1368
  template: "<span class=\"st-sort-header__libelle\"><ng-content /></span>\n<st-icon class=\"st-sort-header__icone\" taille=\"16\" [nom]=\"icone()\" />\n",
1369
- 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:calc(-1 * var(--st-focus-epaisseur))}:host{--st-tri-rembourrage: var( --st-tableau-cellule-ligne, calc(var(--st-densite-cellule-ligne) + var(--st-espacement-1)) );box-sizing:border-box;display:flex;gap:var(--st-espacement-1);align-items:center;inline-size:calc(100% + 2 * var(--st-tri-rembourrage));min-block-size:var(--st-hauteur-commande-defaut);margin-inline:calc(-1 * var(--st-tri-rembourrage));padding-block:0;padding-inline:var(--st-tri-rembourrage);font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--st-couleur-texte-discret);text-align:inherit;white-space:inherit;cursor:pointer;background:none;border:0}:host([data-alignement=fin]){justify-content:flex-end}:host([data-sens]){gap:var(--st-espacement-1-5);color:var(--st-couleur-texte-primaire)}@media(hover:hover){:host(:hover){background:var(--st-couleur-surface-survol)}}.st-sort-header__icone{flex:none;color:inherit}\n"]
1369
+ 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:calc(-1 * var(--st-focus-epaisseur))}:host{--st-tri-rembourrage: var(--st-tableau-cellule-ligne, var(--st-espacement-2));box-sizing:border-box;display:flex;gap:var(--st-espacement-1);align-items:center;inline-size:calc(100% + 2 * var(--st-tri-rembourrage));min-block-size:min(var(--st-hauteur-commande-defaut),var(--st-hauteur-commande-lg));margin-inline:calc(-1 * var(--st-tri-rembourrage));padding-block:0;padding-inline:var(--st-tri-rembourrage);font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--st-couleur-texte-discret);text-align:inherit;white-space:inherit;cursor:pointer;background:none;border:0}@media(min-width:30rem){:host{--st-tri-rembourrage: var(--st-tableau-cellule-ligne, var(--st-densite-cellule-ligne))}}@media(pointer:coarse){:host{min-block-size:max(var(--st-cible-tactile-min),var(--st-hauteur-commande-defaut))}}:host([data-alignement=fin]){justify-content:flex-end}:host([data-sens]){gap:var(--st-espacement-1-5);color:var(--st-couleur-texte-primaire)}@media(hover:hover){:host(:hover){background:var(--st-couleur-surface-survol)}}.st-sort-header__icone{flex:none;color:inherit}\n"]
1370
1370
  }]
1371
1371
  }],
1372
1372
  propDecorators: {
@@ -1948,7 +1948,7 @@ var StDataTable = class StDataTable {
1948
1948
  ],
1949
1949
  ngImport: i0,
1950
1950
  template: "<!-- UN seul ng-content : la projection se decide a la compilation, et un second\n emplacement de meme selecteur, dans une autre branche, ne recevrait jamais\n rien. -->\n<div class=\"st-data-table__barre\">\n @if (selectionnable()) {\n <!-- Une st-selection-bar rattachee montre le compte : la region reste, masquee a l'oeil. -->\n <p\n class=\"st-data-table__selection\"\n role=\"status\"\n [id]=\"identifiants.selection\"\n [class.st-vh]=\"resumeCede()\"\n >\n {{ selection().length > 0 ? libelles().lignesSelectionnees(selection().length) : '' }}\n </p>\n @if (selection().length > 0 && !resumeCede()) {\n <button stButton variante=\"discret\" taille=\"sm\" type=\"button\" (click)=\"deselectionnerTout()\">\n {{ libelles().toutDeselectionner }}\n </button>\n }\n }\n <div class=\"st-data-table__actions\">\n <ng-content select=\"[stActionsDeTableau]\" />\n </div>\n</div>\n\n<!-- UX-6 : zone nommee par la legende ; focalisable quand elle deborde, et par\n programme toujours, pour recevoir le focus apres un changement de page. -->\n<div\n class=\"st-data-table__cadre\"\n [attr.data-ombre-debut]=\"ombreDebut() ? '' : null\"\n [attr.data-ombre-fin]=\"ombreFin() ? '' : null\"\n>\n <div\n #zone\n class=\"st-data-table__zone\"\n role=\"region\"\n [attr.aria-labelledby]=\"identifiants.legende\"\n [attr.aria-describedby]=\"deborde() ? identifiants.deborde : null\"\n [attr.tabindex]=\"deborde() ? 0 : -1\"\n [attr.data-deborde]=\"deborde() ? '' : null\"\n [style.max-block-size]=\"hauteurMax()\"\n [style.scroll-padding-inline-start.px]=\"largeurFigee()\"\n [style.--st-tableau-decalage-figee.px]=\"decalageFigee()\"\n >\n <table class=\"st-data-table__tableau\" [attr.aria-busy]=\"chargement() ? 'true' : null\">\n <!-- Focalisable par script seulement : « Annuler la selection » y rend le focus. -->\n <caption\n #elementDeLegende\n class=\"st-data-table__legende\"\n tabindex=\"-1\"\n [id]=\"identifiants.legende\"\n [class.st-vh]=\"legendeMasquee()\"\n >\n {{\n legende()\n }}\n </caption>\n <thead>\n <tr>\n @if (selectionnable()) {\n <th class=\"st-data-table__case\" scope=\"col\" data-figee>\n <label class=\"st-data-table__cible\">\n <input\n #caseTout\n class=\"st-data-table__cocher\"\n type=\"checkbox\"\n [checked]=\"toutesChoisies()\"\n [indeterminate]=\"quelquesChoisies()\"\n [disabled]=\"rangeesChoisissables().length === 0\"\n [attr.aria-label]=\"libelles().selectionnerLaPage(rangeesChoisissables().length)\"\n [attr.aria-describedby]=\"identifiants.aideSelection\"\n (change)=\"basculerTout()\"\n />\n </label>\n </th>\n }\n @for (cellule of cellules(); track cellule.colonne.cle; let premiere = $first) {\n <th\n scope=\"col\"\n [attr.data-alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n [attr.data-figee]=\"premiere && premiereColonneFigee() ? '' : null\"\n [attr.data-retour]=\"cellule.colonne.retourALaLigne ? '' : null\"\n [attr.aria-sort]=\"ariaSort(cellule.colonne)\"\n >\n @if (cellule.colonne.triable) {\n <button\n stSortHeader\n type=\"button\"\n [sens]=\"sensDe(cellule.colonne)\"\n [ternaire]=\"triTernaire()\"\n [alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n (sensDemande)=\"trier(cellule.colonne, $event)\"\n >\n {{ cellule.colonne.libelle }}\n </button>\n } @else if (cellule.colonne.libelleMasque) {\n <span class=\"st-data-table__entete\"\n ><span class=\"st-vh\">{{ cellule.colonne.libelle }}</span></span\n >\n } @else {\n <span class=\"st-data-table__entete\">{{ cellule.colonne.libelle }}</span>\n }\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (rang of squelette(); track rang) {\n <tr class=\"st-data-table__squelette\" aria-hidden=\"true\">\n @for (colonne of colonnesDeSquelette(); track colonne) {\n <td><st-skeleton class=\"st-data-table__barre-de-squelette\" [lignes]=\"1\" /></td>\n }\n </tr>\n }\n @for (rangee of rangees(); track rangee.identifiant) {\n <tr [attr.data-choisie]=\"rangee.choisie ? '' : null\" [attr.data-ton]=\"rangee.ton\">\n @if (selectionnable()) {\n <td class=\"st-data-table__case\" data-figee>\n <label class=\"st-data-table__cible\">\n <input\n class=\"st-data-table__cocher\"\n type=\"checkbox\"\n [checked]=\"rangee.choisie\"\n [disabled]=\"!rangee.choisissable\"\n [attr.aria-label]=\"\n libelles().selectionnerLaLigne(rangee.nom ?? rangee.identifiant)\n \"\n (click)=\"basculer(rangee.identifiant, $event)\"\n />\n </label>\n </td>\n }\n @for (cellule of cellules(); track cellule.colonne.cle; let premiere = $first) {\n @if (cellule.enTete) {\n <th\n scope=\"row\"\n [attr.data-alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n [attr.data-figee]=\"premiere && premiereColonneFigee() ? '' : null\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n valeur;\n context: { $implicit: rangee.valeur, cellule: cellule }\n \"\n />\n </th>\n } @else {\n <td\n [attr.data-alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n [attr.data-figee]=\"premiere && premiereColonneFigee() ? '' : null\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n valeur;\n context: { $implicit: rangee.valeur, cellule: cellule }\n \"\n />\n </td>\n }\n }\n </tr>\n } @empty {\n @if (!chargement()) {\n <tr>\n <td class=\"st-data-table__vide\" [attr.colspan]=\"nombreDeColonnes()\">\n @if (gabaritVide(); as vide) {\n <ng-container *ngTemplateOutlet=\"vide.gabarit\" />\n } @else if (raisonDuVide() === 'aucun-resultat') {\n <p>{{ texteVide() ?? libelles().aucunResultatPourCesFiltres }}</p>\n <button\n stButton\n variante=\"secondaire\"\n taille=\"sm\"\n type=\"button\"\n (click)=\"effacement.emit()\"\n >\n {{ libelles().effacerLesFiltres }}\n </button>\n } @else {\n {{ texteVide() ?? libelles().tableauVide }}\n }\n </td>\n </tr>\n }\n }\n </tbody>\n </table>\n </div>\n <!-- UX-6 : ombres de defilement AU-DESSUS du contenu (une ligne a son propre fond), hors de la\n zone qui defile : elles restent au bord. Decoratives. -->\n <span class=\"st-data-table__ombre st-data-table__ombre--debut\" aria-hidden=\"true\"></span>\n <span class=\"st-data-table__ombre st-data-table__ombre--fin\" aria-hidden=\"true\"></span>\n</div>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n@if (selectionnable()) {\n <span class=\"st-vh\" [id]=\"identifiants.aideSelection\">{{\n libelles().majClicPourEtendreLaSelection\n }}</span>\n}\n@if (deborde()) {\n <span class=\"st-vh\" [id]=\"identifiants.deborde\">{{\n libelles().tableauDefilantHorizontalement\n }}</span>\n}\n\n<ng-template #valeur let-ligne let-cellule=\"cellule\">\n @if (cellule.gabarit; as gabarit) {\n <ng-container\n *ngTemplateOutlet=\"gabarit; context: { $implicit: ligne, colonne: cellule.colonne }\"\n />\n } @else if (texteDe(ligne, cellule.colonne); as texte) {\n <bdi>{{ texte }}</bdi>\n } @else {\n <span aria-hidden=\"true\">&#8212;</span>\n <span class=\"st-vh\">{{\n estIllisible(ligne, cellule.colonne)\n ? libelles().valeurNonAffichable\n : libelles().nonRenseigne\n }}</span>\n }\n</ng-template>\n",
1951
- 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{--st-tableau-plan-figee: 1;--st-tableau-plan-entete: 2;--st-tableau-plan-coin: 3;display:block}.st-data-table__barre,.st-data-table__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-data-table__barre{justify-content:space-between}.st-data-table__barre:has(.st-data-table__selection,.st-data-table__actions:not(:empty)){min-block-size:var(--st-cible-tactile-min);margin-block-end:var(--st-espacement-2)}.st-data-table__actions{margin-inline-start:auto}.st-data-table__actions:empty{display:none}.st-data-table__selection{margin:0;font-weight:var(--st-graisse-semi)}.st-data-table__cadre{position:relative}.st-data-table__zone: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)}.st-data-table__zone{--st-tableau-decalage-figee: var(--st-tableau-largeur-case, var(--st-espacement-12));position:relative;overflow:auto;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-data-table__ombre{position:absolute;inset-block:var(--st-epaisseur-fine);z-index:var(--st-tableau-plan-coin);display:none;inline-size:var(--st-espacement-3);pointer-events:none}.st-data-table__ombre--debut{inset-inline-start:var(--st-epaisseur-fine);background:linear-gradient(to right,var(--st-couleur-ombre),transparent);border-start-start-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine));border-end-start-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine))}.st-data-table__ombre--fin{inset-inline-end:var(--st-epaisseur-fine);background:linear-gradient(to left,var(--st-couleur-ombre),transparent);border-start-end-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine));border-end-end-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine))}:host(:dir(rtl)) .st-data-table__ombre--debut{background:linear-gradient(to left,var(--st-couleur-ombre),transparent)}:host(:dir(rtl)) .st-data-table__ombre--fin{background:linear-gradient(to right,var(--st-couleur-ombre),transparent)}[data-ombre-debut]>.st-data-table__ombre--debut,[data-ombre-fin]>.st-data-table__ombre--fin{display:block}.st-data-table__tableau{inline-size:100%;border-collapse:collapse}.st-data-table__legende{padding:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-data-table__legende:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}.st-data-table__legende.st-vh{position:static;block-size:0;padding:0;margin:0}th,td{padding-block:var(--st-tableau-cellule-bloc, var(--st-espacement-0));padding-inline:var(--st-tableau-cellule-ligne, calc(var(--st-densite-cellule-ligne) + var(--st-espacement-1)));text-align:start;vertical-align:middle;overflow-wrap:break-word}thead tr{font-family:var(--st-police-mono);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase;background:var(--st-couleur-surface-conteneur-bas);border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}thead th{font-weight:var(--st-graisse-grasse);white-space:nowrap}thead th[data-retour]{white-space:normal}.st-data-table__entete{display:flex;align-items:center;min-block-size:var(--st-hauteur-commande-defaut)}[data-alignement=fin]>.st-data-table__entete{justify-content:flex-end}:host([data-hauteur-max]) thead th{position:sticky;inset-block-start:0;z-index:var(--st-tableau-plan-entete);background:var(--st-couleur-surface-conteneur-bas);box-shadow:inset 0 calc(-1 * var(--st-epaisseur-capillaire)) 0 var(--st-couleur-bordure)}tbody{font-size:min(var(--st-taille-sm),var(--st-densite-texte-taille));font-weight:var(--st-graisse-moyenne);line-height:min(var(--st-interligne-sm),var(--st-densite-texte-interligne));color:var(--st-couleur-texte)}tbody tr{--st-tableau-fond-ligne: var(--st-couleur-surface);block-size:var(--st-densite-ligne);background-color:var(--st-tableau-fond-ligne);border-inline-start:var(--st-epaisseur-forte) solid var(--st-tableau-fond-ligne)}@media(pointer:coarse){tbody tr{block-size:max(var(--st-densite-ligne),var(--st-cible-tactile-min))}}tbody tr+tr{border-block-start:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}tbody th{font-weight:inherit}@media(hover:hover){tbody tr:hover{--st-tableau-fond-ligne: var(--st-couleur-surface-survol)}}tbody tr[data-ton=erreur]{--st-tableau-fond-ligne: color-mix( in srgb, var(--st-couleur-erreur-discret) 40%, var(--st-couleur-surface) )}tbody tr[data-ton=danger]{--st-tableau-fond-ligne: color-mix( in srgb, var(--st-couleur-danger-discret) 40%, var(--st-couleur-surface) )}tbody tr[data-choisie]{--st-tableau-fond-ligne: var(--st-couleur-surface-selection);border-inline-start-color:var(--st-couleur-bordure-selection)}[data-alignement=fin]{text-align:end}tbody [data-alignement=fin]{font-variant-numeric:var(--st-chiffres-alignes)}.st-data-table__case{inline-size:var(--st-tableau-largeur-case, var(--st-espacement-12));min-inline-size:var(--st-tableau-largeur-case, var(--st-espacement-12));padding-inline:var(--st-espacement-3);text-align:center}.st-data-table__cible{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--st-rayon-sm);cursor:pointer}.st-data-table__cocher: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)}@media(pointer:coarse){.st-data-table__cocher{position:relative}.st-data-table__cocher:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-data-table__cocher{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-data-table__cocher:before{content:\"\";display:none}@media(hover:hover){.st-data-table__cocher:hover:not(:disabled,:checked,[type=checkbox]:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-data-table__cocher:checked,.st-data-table__cocher[type=checkbox]:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-data-table__cocher[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-data-table__cocher[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-data-table__cocher[type=radio]{border-radius:var(--st-rayon-pleine)}.st-data-table__cocher[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-data-table__cocher[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-data-table__cocher[aria-invalid=true]:not(:checked,:disabled,[type=checkbox]:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-data-table__cocher[aria-readonly=true]:not(:disabled){cursor:default}.st-data-table__cocher:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-data-table__cocher:disabled:is(:checked,[type=checkbox]:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-data-table__cocher[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-data-table__cocher[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-data-table__cocher{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-data-table__cocher:is(:checked,[type=checkbox]:indeterminate){background:Highlight;border-color:Highlight}.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-data-table__cocher[type=radio]:checked{background:Canvas}.st-data-table__cocher[type=radio]:checked:before{background:Highlight}.st-data-table__cocher:disabled{border-color:GrayText}}@media print{.st-data-table__cocher:is(:checked,[type=checkbox]:indeterminate),.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-data-table__cocher[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-data-table__cocher[type=checkbox]:checked:before,.st-data-table__cocher[type=checkbox]:indeterminate:before,.st-data-table__cocher[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}:host([data-figee]) [data-figee]{position:sticky;inset-inline-start:calc(var(--st-epaisseur-forte) / 2);z-index:var(--st-tableau-plan-figee);background-color:var(--st-couleur-surface);background-image:linear-gradient(var(--st-tableau-fond-ligne),var(--st-tableau-fond-ligne))}:host([data-figee]) .st-data-table__case+[data-figee]{inset-inline-start:calc(var(--st-tableau-decalage-figee) + var(--st-epaisseur-forte) / 2)}:host([data-figee]) tr>[data-figee]:first-child:before{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-epaisseur-forte));inline-size:var(--st-epaisseur-forte);content:\"\";background-color:var(--st-tableau-fond-ligne)}:host([data-figee]) tbody tr[data-choisie]>[data-figee]:first-child:before{background-color:var(--st-couleur-bordure-selection)}:host([data-figee]) thead [data-figee]{z-index:var(--st-tableau-plan-coin);background:var(--st-couleur-surface-conteneur-bas)}:host([data-figee]) thead tr>[data-figee]:first-child:before{background-color:var(--st-couleur-surface-conteneur-bas)}.st-data-table__vide{padding:var(--st-espacement-5);color:var(--st-couleur-texte-discret);text-align:center}.st-data-table__barre-de-squelette{display:block}.st-data-table__tableau[aria-busy=true]{cursor:progress}@media(forced-colors:active){tbody tr{border-inline-start-color:Canvas}tbody tr[data-choisie]{border-inline-start-color:Highlight}:host([data-figee]) tr>[data-figee]:first-child:before{background-color:Canvas}:host([data-figee]) tbody tr[data-choisie]>[data-figee]:first-child:before{background-color:Highlight}.st-data-table__ombre{display:none!important}}@media print{.st-data-table__zone{max-block-size:none!important;overflow:visible;border:0}.st-data-table__ombre{display:none!important}thead th,:host([data-hauteur-max]) thead th,:host([data-figee]) [data-figee]{position:static}tbody tr{break-inside:avoid}}\n"],
1951
+ 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{--st-tableau-plan-figee: 1;--st-tableau-plan-entete: 2;--st-tableau-plan-coin: 3;display:block}.st-data-table__barre,.st-data-table__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-data-table__barre{justify-content:space-between}.st-data-table__barre:has(.st-data-table__selection,.st-data-table__actions:not(:empty)){min-block-size:var(--st-cible-tactile-min);margin-block-end:var(--st-espacement-2)}.st-data-table__actions{margin-inline-start:auto}.st-data-table__actions:empty{display:none}.st-data-table__selection{margin:0;font-weight:var(--st-graisse-semi)}.st-data-table__cadre{position:relative}.st-data-table__zone: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)}.st-data-table__zone{--st-tableau-decalage-figee: var(--st-tableau-largeur-case, var(--st-espacement-12));position:relative;overflow:auto;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-data-table__ombre{position:absolute;inset-block:var(--st-epaisseur-fine);z-index:var(--st-tableau-plan-coin);display:none;inline-size:var(--st-espacement-3);pointer-events:none}.st-data-table__ombre--debut{inset-inline-start:var(--st-epaisseur-fine);background:linear-gradient(to right,var(--st-couleur-ombre),transparent);border-start-start-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine));border-end-start-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine))}.st-data-table__ombre--fin{inset-inline-end:var(--st-epaisseur-fine);background:linear-gradient(to left,var(--st-couleur-ombre),transparent);border-start-end-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine));border-end-end-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine))}:host(:dir(rtl)) .st-data-table__ombre--debut{background:linear-gradient(to left,var(--st-couleur-ombre),transparent)}:host(:dir(rtl)) .st-data-table__ombre--fin{background:linear-gradient(to right,var(--st-couleur-ombre),transparent)}[data-ombre-debut]>.st-data-table__ombre--debut,[data-ombre-fin]>.st-data-table__ombre--fin{display:block}.st-data-table__tableau{inline-size:100%;border-collapse:collapse}.st-data-table__legende{padding:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-data-table__legende:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}.st-data-table__legende.st-vh{position:static;block-size:0;padding:0;margin:0}th,td{padding-block:var(--st-tableau-cellule-bloc, var(--st-espacement-0));padding-inline:var(--st-tableau-cellule-ligne, var(--st-espacement-2))}@media(min-width:30rem){th,td{padding-inline:var(--st-tableau-cellule-ligne, var(--st-densite-cellule-ligne))}}th,td{text-align:start;vertical-align:middle;overflow-wrap:break-word}thead tr{font-family:var(--st-police-mono);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase;background:var(--st-couleur-surface-conteneur-bas);border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}thead th{font-weight:var(--st-graisse-grasse);white-space:nowrap}thead th[data-retour]{white-space:normal}.st-data-table__entete{display:flex;align-items:center;min-block-size:min(var(--st-hauteur-commande-defaut),var(--st-hauteur-commande-lg))}[data-alignement=fin]>.st-data-table__entete{justify-content:flex-end}:host([data-hauteur-max]) thead th{position:sticky;inset-block-start:0;z-index:var(--st-tableau-plan-entete);background:var(--st-couleur-surface-conteneur-bas);box-shadow:inset 0 calc(-1 * var(--st-epaisseur-capillaire)) 0 var(--st-couleur-bordure)}tbody{font-size:min(var(--st-taille-sm),var(--st-densite-texte-taille));font-weight:var(--st-graisse-moyenne);line-height:min(var(--st-interligne-sm),var(--st-densite-texte-interligne));color:var(--st-couleur-texte)}tbody tr{--st-tableau-fond-ligne: var(--st-couleur-surface);block-size:min(var(--st-densite-ligne),var(--st-hauteur-commande-embarquee));background-color:var(--st-tableau-fond-ligne);border-inline-start:var(--st-epaisseur-forte) solid var(--st-tableau-fond-ligne)}@media(pointer:coarse){tbody tr{block-size:max(min(var(--st-densite-ligne),var(--st-hauteur-commande-embarquee)),var(--st-cible-tactile-min))}}tbody tr+tr{border-block-start:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}tbody th{font-weight:inherit}@media(hover:hover){tbody tr:hover{--st-tableau-fond-ligne: var(--st-couleur-surface-survol)}}tbody tr[data-ton=erreur]{--st-tableau-fond-ligne: color-mix( in srgb, var(--st-couleur-erreur-discret) 40%, var(--st-couleur-surface) )}tbody tr[data-ton=danger]{--st-tableau-fond-ligne: color-mix( in srgb, var(--st-couleur-danger-discret) 40%, var(--st-couleur-surface) )}tbody tr[data-choisie]{--st-tableau-fond-ligne: var(--st-couleur-surface-selection);border-inline-start-color:var(--st-couleur-bordure-selection)}[data-alignement=fin]{text-align:end}tbody [data-alignement=fin]{font-variant-numeric:var(--st-chiffres-alignes)}.st-data-table__case{inline-size:var(--st-tableau-largeur-case, var(--st-espacement-12));min-inline-size:var(--st-tableau-largeur-case, var(--st-espacement-12));padding-inline:var(--st-espacement-3);text-align:center}.st-data-table__cible{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--st-rayon-sm);cursor:pointer}.st-data-table__cocher: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)}@media(pointer:coarse){.st-data-table__cocher{position:relative}.st-data-table__cocher:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-data-table__cocher{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-data-table__cocher:before{content:\"\";display:none}@media(hover:hover){.st-data-table__cocher:hover:not(:disabled,:checked,[type=checkbox]:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-data-table__cocher:checked,.st-data-table__cocher[type=checkbox]:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-data-table__cocher[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-data-table__cocher[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-data-table__cocher[type=radio]{border-radius:var(--st-rayon-pleine)}.st-data-table__cocher[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-data-table__cocher[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-data-table__cocher[aria-invalid=true]:not(:checked,:disabled,[type=checkbox]:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-data-table__cocher[aria-readonly=true]:not(:disabled){cursor:default}.st-data-table__cocher:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-data-table__cocher:disabled:is(:checked,[type=checkbox]:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-data-table__cocher[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-data-table__cocher[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-data-table__cocher{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-data-table__cocher:is(:checked,[type=checkbox]:indeterminate){background:Highlight;border-color:Highlight}.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-data-table__cocher[type=radio]:checked{background:Canvas}.st-data-table__cocher[type=radio]:checked:before{background:Highlight}.st-data-table__cocher:disabled{border-color:GrayText}}@media print{.st-data-table__cocher:is(:checked,[type=checkbox]:indeterminate),.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-data-table__cocher[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-data-table__cocher[type=checkbox]:checked:before,.st-data-table__cocher[type=checkbox]:indeterminate:before,.st-data-table__cocher[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}:host([data-figee]) [data-figee]{position:sticky;inset-inline-start:calc(var(--st-epaisseur-forte) / 2);z-index:var(--st-tableau-plan-figee);background-color:var(--st-couleur-surface);background-image:linear-gradient(var(--st-tableau-fond-ligne),var(--st-tableau-fond-ligne))}:host([data-figee]) .st-data-table__case+[data-figee]{inset-inline-start:calc(var(--st-tableau-decalage-figee) + var(--st-epaisseur-forte) / 2)}:host([data-figee]) tr>[data-figee]:first-child:before{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-epaisseur-forte));inline-size:var(--st-epaisseur-forte);content:\"\";background-color:var(--st-tableau-fond-ligne)}:host([data-figee]) tbody tr[data-choisie]>[data-figee]:first-child:before{background-color:var(--st-couleur-bordure-selection)}:host([data-figee]) thead [data-figee]{z-index:var(--st-tableau-plan-coin);background:var(--st-couleur-surface-conteneur-bas)}:host([data-figee]) thead tr>[data-figee]:first-child:before{background-color:var(--st-couleur-surface-conteneur-bas)}.st-data-table__vide{padding:var(--st-espacement-5);color:var(--st-couleur-texte-discret);text-align:center}.st-data-table__barre-de-squelette{display:block}.st-data-table__tableau[aria-busy=true]{cursor:progress}@media(forced-colors:active){tbody tr{border-inline-start-color:Canvas}tbody tr[data-choisie]{border-inline-start-color:Highlight}:host([data-figee]) tr>[data-figee]:first-child:before{background-color:Canvas}:host([data-figee]) tbody tr[data-choisie]>[data-figee]:first-child:before{background-color:Highlight}.st-data-table__ombre{display:none!important}}@media print{.st-data-table__zone{max-block-size:none!important;overflow:visible;border:0}.st-data-table__ombre{display:none!important}thead th,:host([data-hauteur-max]) thead th,:host([data-figee]) [data-figee]{position:static}tbody tr{break-inside:avoid}}\n"],
1952
1952
  dependencies: [
1953
1953
  {
1954
1954
  kind: "directive",
@@ -2026,7 +2026,7 @@ i0.ɵɵngDeclareClassMetadata({
2026
2026
  "[attr.data-hauteur-max]": "hauteurMax() ? \"\" : null"
2027
2027
  },
2028
2028
  template: "<!-- UN seul ng-content : la projection se decide a la compilation, et un second\n emplacement de meme selecteur, dans une autre branche, ne recevrait jamais\n rien. -->\n<div class=\"st-data-table__barre\">\n @if (selectionnable()) {\n <!-- Une st-selection-bar rattachee montre le compte : la region reste, masquee a l'oeil. -->\n <p\n class=\"st-data-table__selection\"\n role=\"status\"\n [id]=\"identifiants.selection\"\n [class.st-vh]=\"resumeCede()\"\n >\n {{ selection().length > 0 ? libelles().lignesSelectionnees(selection().length) : '' }}\n </p>\n @if (selection().length > 0 && !resumeCede()) {\n <button stButton variante=\"discret\" taille=\"sm\" type=\"button\" (click)=\"deselectionnerTout()\">\n {{ libelles().toutDeselectionner }}\n </button>\n }\n }\n <div class=\"st-data-table__actions\">\n <ng-content select=\"[stActionsDeTableau]\" />\n </div>\n</div>\n\n<!-- UX-6 : zone nommee par la legende ; focalisable quand elle deborde, et par\n programme toujours, pour recevoir le focus apres un changement de page. -->\n<div\n class=\"st-data-table__cadre\"\n [attr.data-ombre-debut]=\"ombreDebut() ? '' : null\"\n [attr.data-ombre-fin]=\"ombreFin() ? '' : null\"\n>\n <div\n #zone\n class=\"st-data-table__zone\"\n role=\"region\"\n [attr.aria-labelledby]=\"identifiants.legende\"\n [attr.aria-describedby]=\"deborde() ? identifiants.deborde : null\"\n [attr.tabindex]=\"deborde() ? 0 : -1\"\n [attr.data-deborde]=\"deborde() ? '' : null\"\n [style.max-block-size]=\"hauteurMax()\"\n [style.scroll-padding-inline-start.px]=\"largeurFigee()\"\n [style.--st-tableau-decalage-figee.px]=\"decalageFigee()\"\n >\n <table class=\"st-data-table__tableau\" [attr.aria-busy]=\"chargement() ? 'true' : null\">\n <!-- Focalisable par script seulement : « Annuler la selection » y rend le focus. -->\n <caption\n #elementDeLegende\n class=\"st-data-table__legende\"\n tabindex=\"-1\"\n [id]=\"identifiants.legende\"\n [class.st-vh]=\"legendeMasquee()\"\n >\n {{\n legende()\n }}\n </caption>\n <thead>\n <tr>\n @if (selectionnable()) {\n <th class=\"st-data-table__case\" scope=\"col\" data-figee>\n <label class=\"st-data-table__cible\">\n <input\n #caseTout\n class=\"st-data-table__cocher\"\n type=\"checkbox\"\n [checked]=\"toutesChoisies()\"\n [indeterminate]=\"quelquesChoisies()\"\n [disabled]=\"rangeesChoisissables().length === 0\"\n [attr.aria-label]=\"libelles().selectionnerLaPage(rangeesChoisissables().length)\"\n [attr.aria-describedby]=\"identifiants.aideSelection\"\n (change)=\"basculerTout()\"\n />\n </label>\n </th>\n }\n @for (cellule of cellules(); track cellule.colonne.cle; let premiere = $first) {\n <th\n scope=\"col\"\n [attr.data-alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n [attr.data-figee]=\"premiere && premiereColonneFigee() ? '' : null\"\n [attr.data-retour]=\"cellule.colonne.retourALaLigne ? '' : null\"\n [attr.aria-sort]=\"ariaSort(cellule.colonne)\"\n >\n @if (cellule.colonne.triable) {\n <button\n stSortHeader\n type=\"button\"\n [sens]=\"sensDe(cellule.colonne)\"\n [ternaire]=\"triTernaire()\"\n [alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n (sensDemande)=\"trier(cellule.colonne, $event)\"\n >\n {{ cellule.colonne.libelle }}\n </button>\n } @else if (cellule.colonne.libelleMasque) {\n <span class=\"st-data-table__entete\"\n ><span class=\"st-vh\">{{ cellule.colonne.libelle }}</span></span\n >\n } @else {\n <span class=\"st-data-table__entete\">{{ cellule.colonne.libelle }}</span>\n }\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (rang of squelette(); track rang) {\n <tr class=\"st-data-table__squelette\" aria-hidden=\"true\">\n @for (colonne of colonnesDeSquelette(); track colonne) {\n <td><st-skeleton class=\"st-data-table__barre-de-squelette\" [lignes]=\"1\" /></td>\n }\n </tr>\n }\n @for (rangee of rangees(); track rangee.identifiant) {\n <tr [attr.data-choisie]=\"rangee.choisie ? '' : null\" [attr.data-ton]=\"rangee.ton\">\n @if (selectionnable()) {\n <td class=\"st-data-table__case\" data-figee>\n <label class=\"st-data-table__cible\">\n <input\n class=\"st-data-table__cocher\"\n type=\"checkbox\"\n [checked]=\"rangee.choisie\"\n [disabled]=\"!rangee.choisissable\"\n [attr.aria-label]=\"\n libelles().selectionnerLaLigne(rangee.nom ?? rangee.identifiant)\n \"\n (click)=\"basculer(rangee.identifiant, $event)\"\n />\n </label>\n </td>\n }\n @for (cellule of cellules(); track cellule.colonne.cle; let premiere = $first) {\n @if (cellule.enTete) {\n <th\n scope=\"row\"\n [attr.data-alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n [attr.data-figee]=\"premiere && premiereColonneFigee() ? '' : null\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n valeur;\n context: { $implicit: rangee.valeur, cellule: cellule }\n \"\n />\n </th>\n } @else {\n <td\n [attr.data-alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n [attr.data-figee]=\"premiere && premiereColonneFigee() ? '' : null\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n valeur;\n context: { $implicit: rangee.valeur, cellule: cellule }\n \"\n />\n </td>\n }\n }\n </tr>\n } @empty {\n @if (!chargement()) {\n <tr>\n <td class=\"st-data-table__vide\" [attr.colspan]=\"nombreDeColonnes()\">\n @if (gabaritVide(); as vide) {\n <ng-container *ngTemplateOutlet=\"vide.gabarit\" />\n } @else if (raisonDuVide() === 'aucun-resultat') {\n <p>{{ texteVide() ?? libelles().aucunResultatPourCesFiltres }}</p>\n <button\n stButton\n variante=\"secondaire\"\n taille=\"sm\"\n type=\"button\"\n (click)=\"effacement.emit()\"\n >\n {{ libelles().effacerLesFiltres }}\n </button>\n } @else {\n {{ texteVide() ?? libelles().tableauVide }}\n }\n </td>\n </tr>\n }\n }\n </tbody>\n </table>\n </div>\n <!-- UX-6 : ombres de defilement AU-DESSUS du contenu (une ligne a son propre fond), hors de la\n zone qui defile : elles restent au bord. Decoratives. -->\n <span class=\"st-data-table__ombre st-data-table__ombre--debut\" aria-hidden=\"true\"></span>\n <span class=\"st-data-table__ombre st-data-table__ombre--fin\" aria-hidden=\"true\"></span>\n</div>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n@if (selectionnable()) {\n <span class=\"st-vh\" [id]=\"identifiants.aideSelection\">{{\n libelles().majClicPourEtendreLaSelection\n }}</span>\n}\n@if (deborde()) {\n <span class=\"st-vh\" [id]=\"identifiants.deborde\">{{\n libelles().tableauDefilantHorizontalement\n }}</span>\n}\n\n<ng-template #valeur let-ligne let-cellule=\"cellule\">\n @if (cellule.gabarit; as gabarit) {\n <ng-container\n *ngTemplateOutlet=\"gabarit; context: { $implicit: ligne, colonne: cellule.colonne }\"\n />\n } @else if (texteDe(ligne, cellule.colonne); as texte) {\n <bdi>{{ texte }}</bdi>\n } @else {\n <span aria-hidden=\"true\">&#8212;</span>\n <span class=\"st-vh\">{{\n estIllisible(ligne, cellule.colonne)\n ? libelles().valeurNonAffichable\n : libelles().nonRenseigne\n }}</span>\n }\n</ng-template>\n",
2029
- 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{--st-tableau-plan-figee: 1;--st-tableau-plan-entete: 2;--st-tableau-plan-coin: 3;display:block}.st-data-table__barre,.st-data-table__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-data-table__barre{justify-content:space-between}.st-data-table__barre:has(.st-data-table__selection,.st-data-table__actions:not(:empty)){min-block-size:var(--st-cible-tactile-min);margin-block-end:var(--st-espacement-2)}.st-data-table__actions{margin-inline-start:auto}.st-data-table__actions:empty{display:none}.st-data-table__selection{margin:0;font-weight:var(--st-graisse-semi)}.st-data-table__cadre{position:relative}.st-data-table__zone: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)}.st-data-table__zone{--st-tableau-decalage-figee: var(--st-tableau-largeur-case, var(--st-espacement-12));position:relative;overflow:auto;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-data-table__ombre{position:absolute;inset-block:var(--st-epaisseur-fine);z-index:var(--st-tableau-plan-coin);display:none;inline-size:var(--st-espacement-3);pointer-events:none}.st-data-table__ombre--debut{inset-inline-start:var(--st-epaisseur-fine);background:linear-gradient(to right,var(--st-couleur-ombre),transparent);border-start-start-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine));border-end-start-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine))}.st-data-table__ombre--fin{inset-inline-end:var(--st-epaisseur-fine);background:linear-gradient(to left,var(--st-couleur-ombre),transparent);border-start-end-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine));border-end-end-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine))}:host(:dir(rtl)) .st-data-table__ombre--debut{background:linear-gradient(to left,var(--st-couleur-ombre),transparent)}:host(:dir(rtl)) .st-data-table__ombre--fin{background:linear-gradient(to right,var(--st-couleur-ombre),transparent)}[data-ombre-debut]>.st-data-table__ombre--debut,[data-ombre-fin]>.st-data-table__ombre--fin{display:block}.st-data-table__tableau{inline-size:100%;border-collapse:collapse}.st-data-table__legende{padding:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-data-table__legende:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}.st-data-table__legende.st-vh{position:static;block-size:0;padding:0;margin:0}th,td{padding-block:var(--st-tableau-cellule-bloc, var(--st-espacement-0));padding-inline:var(--st-tableau-cellule-ligne, calc(var(--st-densite-cellule-ligne) + var(--st-espacement-1)));text-align:start;vertical-align:middle;overflow-wrap:break-word}thead tr{font-family:var(--st-police-mono);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase;background:var(--st-couleur-surface-conteneur-bas);border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}thead th{font-weight:var(--st-graisse-grasse);white-space:nowrap}thead th[data-retour]{white-space:normal}.st-data-table__entete{display:flex;align-items:center;min-block-size:var(--st-hauteur-commande-defaut)}[data-alignement=fin]>.st-data-table__entete{justify-content:flex-end}:host([data-hauteur-max]) thead th{position:sticky;inset-block-start:0;z-index:var(--st-tableau-plan-entete);background:var(--st-couleur-surface-conteneur-bas);box-shadow:inset 0 calc(-1 * var(--st-epaisseur-capillaire)) 0 var(--st-couleur-bordure)}tbody{font-size:min(var(--st-taille-sm),var(--st-densite-texte-taille));font-weight:var(--st-graisse-moyenne);line-height:min(var(--st-interligne-sm),var(--st-densite-texte-interligne));color:var(--st-couleur-texte)}tbody tr{--st-tableau-fond-ligne: var(--st-couleur-surface);block-size:var(--st-densite-ligne);background-color:var(--st-tableau-fond-ligne);border-inline-start:var(--st-epaisseur-forte) solid var(--st-tableau-fond-ligne)}@media(pointer:coarse){tbody tr{block-size:max(var(--st-densite-ligne),var(--st-cible-tactile-min))}}tbody tr+tr{border-block-start:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}tbody th{font-weight:inherit}@media(hover:hover){tbody tr:hover{--st-tableau-fond-ligne: var(--st-couleur-surface-survol)}}tbody tr[data-ton=erreur]{--st-tableau-fond-ligne: color-mix( in srgb, var(--st-couleur-erreur-discret) 40%, var(--st-couleur-surface) )}tbody tr[data-ton=danger]{--st-tableau-fond-ligne: color-mix( in srgb, var(--st-couleur-danger-discret) 40%, var(--st-couleur-surface) )}tbody tr[data-choisie]{--st-tableau-fond-ligne: var(--st-couleur-surface-selection);border-inline-start-color:var(--st-couleur-bordure-selection)}[data-alignement=fin]{text-align:end}tbody [data-alignement=fin]{font-variant-numeric:var(--st-chiffres-alignes)}.st-data-table__case{inline-size:var(--st-tableau-largeur-case, var(--st-espacement-12));min-inline-size:var(--st-tableau-largeur-case, var(--st-espacement-12));padding-inline:var(--st-espacement-3);text-align:center}.st-data-table__cible{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--st-rayon-sm);cursor:pointer}.st-data-table__cocher: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)}@media(pointer:coarse){.st-data-table__cocher{position:relative}.st-data-table__cocher:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-data-table__cocher{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-data-table__cocher:before{content:\"\";display:none}@media(hover:hover){.st-data-table__cocher:hover:not(:disabled,:checked,[type=checkbox]:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-data-table__cocher:checked,.st-data-table__cocher[type=checkbox]:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-data-table__cocher[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-data-table__cocher[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-data-table__cocher[type=radio]{border-radius:var(--st-rayon-pleine)}.st-data-table__cocher[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-data-table__cocher[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-data-table__cocher[aria-invalid=true]:not(:checked,:disabled,[type=checkbox]:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-data-table__cocher[aria-readonly=true]:not(:disabled){cursor:default}.st-data-table__cocher:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-data-table__cocher:disabled:is(:checked,[type=checkbox]:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-data-table__cocher[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-data-table__cocher[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-data-table__cocher{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-data-table__cocher:is(:checked,[type=checkbox]:indeterminate){background:Highlight;border-color:Highlight}.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-data-table__cocher[type=radio]:checked{background:Canvas}.st-data-table__cocher[type=radio]:checked:before{background:Highlight}.st-data-table__cocher:disabled{border-color:GrayText}}@media print{.st-data-table__cocher:is(:checked,[type=checkbox]:indeterminate),.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-data-table__cocher[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-data-table__cocher[type=checkbox]:checked:before,.st-data-table__cocher[type=checkbox]:indeterminate:before,.st-data-table__cocher[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}:host([data-figee]) [data-figee]{position:sticky;inset-inline-start:calc(var(--st-epaisseur-forte) / 2);z-index:var(--st-tableau-plan-figee);background-color:var(--st-couleur-surface);background-image:linear-gradient(var(--st-tableau-fond-ligne),var(--st-tableau-fond-ligne))}:host([data-figee]) .st-data-table__case+[data-figee]{inset-inline-start:calc(var(--st-tableau-decalage-figee) + var(--st-epaisseur-forte) / 2)}:host([data-figee]) tr>[data-figee]:first-child:before{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-epaisseur-forte));inline-size:var(--st-epaisseur-forte);content:\"\";background-color:var(--st-tableau-fond-ligne)}:host([data-figee]) tbody tr[data-choisie]>[data-figee]:first-child:before{background-color:var(--st-couleur-bordure-selection)}:host([data-figee]) thead [data-figee]{z-index:var(--st-tableau-plan-coin);background:var(--st-couleur-surface-conteneur-bas)}:host([data-figee]) thead tr>[data-figee]:first-child:before{background-color:var(--st-couleur-surface-conteneur-bas)}.st-data-table__vide{padding:var(--st-espacement-5);color:var(--st-couleur-texte-discret);text-align:center}.st-data-table__barre-de-squelette{display:block}.st-data-table__tableau[aria-busy=true]{cursor:progress}@media(forced-colors:active){tbody tr{border-inline-start-color:Canvas}tbody tr[data-choisie]{border-inline-start-color:Highlight}:host([data-figee]) tr>[data-figee]:first-child:before{background-color:Canvas}:host([data-figee]) tbody tr[data-choisie]>[data-figee]:first-child:before{background-color:Highlight}.st-data-table__ombre{display:none!important}}@media print{.st-data-table__zone{max-block-size:none!important;overflow:visible;border:0}.st-data-table__ombre{display:none!important}thead th,:host([data-hauteur-max]) thead th,:host([data-figee]) [data-figee]{position:static}tbody tr{break-inside:avoid}}\n"]
2029
+ 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{--st-tableau-plan-figee: 1;--st-tableau-plan-entete: 2;--st-tableau-plan-coin: 3;display:block}.st-data-table__barre,.st-data-table__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-data-table__barre{justify-content:space-between}.st-data-table__barre:has(.st-data-table__selection,.st-data-table__actions:not(:empty)){min-block-size:var(--st-cible-tactile-min);margin-block-end:var(--st-espacement-2)}.st-data-table__actions{margin-inline-start:auto}.st-data-table__actions:empty{display:none}.st-data-table__selection{margin:0;font-weight:var(--st-graisse-semi)}.st-data-table__cadre{position:relative}.st-data-table__zone: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)}.st-data-table__zone{--st-tableau-decalage-figee: var(--st-tableau-largeur-case, var(--st-espacement-12));position:relative;overflow:auto;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-data-table__ombre{position:absolute;inset-block:var(--st-epaisseur-fine);z-index:var(--st-tableau-plan-coin);display:none;inline-size:var(--st-espacement-3);pointer-events:none}.st-data-table__ombre--debut{inset-inline-start:var(--st-epaisseur-fine);background:linear-gradient(to right,var(--st-couleur-ombre),transparent);border-start-start-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine));border-end-start-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine))}.st-data-table__ombre--fin{inset-inline-end:var(--st-epaisseur-fine);background:linear-gradient(to left,var(--st-couleur-ombre),transparent);border-start-end-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine));border-end-end-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine))}:host(:dir(rtl)) .st-data-table__ombre--debut{background:linear-gradient(to left,var(--st-couleur-ombre),transparent)}:host(:dir(rtl)) .st-data-table__ombre--fin{background:linear-gradient(to right,var(--st-couleur-ombre),transparent)}[data-ombre-debut]>.st-data-table__ombre--debut,[data-ombre-fin]>.st-data-table__ombre--fin{display:block}.st-data-table__tableau{inline-size:100%;border-collapse:collapse}.st-data-table__legende{padding:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-data-table__legende:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}.st-data-table__legende.st-vh{position:static;block-size:0;padding:0;margin:0}th,td{padding-block:var(--st-tableau-cellule-bloc, var(--st-espacement-0));padding-inline:var(--st-tableau-cellule-ligne, var(--st-espacement-2))}@media(min-width:30rem){th,td{padding-inline:var(--st-tableau-cellule-ligne, var(--st-densite-cellule-ligne))}}th,td{text-align:start;vertical-align:middle;overflow-wrap:break-word}thead tr{font-family:var(--st-police-mono);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase;background:var(--st-couleur-surface-conteneur-bas);border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}thead th{font-weight:var(--st-graisse-grasse);white-space:nowrap}thead th[data-retour]{white-space:normal}.st-data-table__entete{display:flex;align-items:center;min-block-size:min(var(--st-hauteur-commande-defaut),var(--st-hauteur-commande-lg))}[data-alignement=fin]>.st-data-table__entete{justify-content:flex-end}:host([data-hauteur-max]) thead th{position:sticky;inset-block-start:0;z-index:var(--st-tableau-plan-entete);background:var(--st-couleur-surface-conteneur-bas);box-shadow:inset 0 calc(-1 * var(--st-epaisseur-capillaire)) 0 var(--st-couleur-bordure)}tbody{font-size:min(var(--st-taille-sm),var(--st-densite-texte-taille));font-weight:var(--st-graisse-moyenne);line-height:min(var(--st-interligne-sm),var(--st-densite-texte-interligne));color:var(--st-couleur-texte)}tbody tr{--st-tableau-fond-ligne: var(--st-couleur-surface);block-size:min(var(--st-densite-ligne),var(--st-hauteur-commande-embarquee));background-color:var(--st-tableau-fond-ligne);border-inline-start:var(--st-epaisseur-forte) solid var(--st-tableau-fond-ligne)}@media(pointer:coarse){tbody tr{block-size:max(min(var(--st-densite-ligne),var(--st-hauteur-commande-embarquee)),var(--st-cible-tactile-min))}}tbody tr+tr{border-block-start:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}tbody th{font-weight:inherit}@media(hover:hover){tbody tr:hover{--st-tableau-fond-ligne: var(--st-couleur-surface-survol)}}tbody tr[data-ton=erreur]{--st-tableau-fond-ligne: color-mix( in srgb, var(--st-couleur-erreur-discret) 40%, var(--st-couleur-surface) )}tbody tr[data-ton=danger]{--st-tableau-fond-ligne: color-mix( in srgb, var(--st-couleur-danger-discret) 40%, var(--st-couleur-surface) )}tbody tr[data-choisie]{--st-tableau-fond-ligne: var(--st-couleur-surface-selection);border-inline-start-color:var(--st-couleur-bordure-selection)}[data-alignement=fin]{text-align:end}tbody [data-alignement=fin]{font-variant-numeric:var(--st-chiffres-alignes)}.st-data-table__case{inline-size:var(--st-tableau-largeur-case, var(--st-espacement-12));min-inline-size:var(--st-tableau-largeur-case, var(--st-espacement-12));padding-inline:var(--st-espacement-3);text-align:center}.st-data-table__cible{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--st-rayon-sm);cursor:pointer}.st-data-table__cocher: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)}@media(pointer:coarse){.st-data-table__cocher{position:relative}.st-data-table__cocher:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-data-table__cocher{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-data-table__cocher:before{content:\"\";display:none}@media(hover:hover){.st-data-table__cocher:hover:not(:disabled,:checked,[type=checkbox]:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-data-table__cocher:checked,.st-data-table__cocher[type=checkbox]:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-data-table__cocher[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-data-table__cocher[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-data-table__cocher[type=radio]{border-radius:var(--st-rayon-pleine)}.st-data-table__cocher[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-data-table__cocher[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-data-table__cocher[aria-invalid=true]:not(:checked,:disabled,[type=checkbox]:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-data-table__cocher[aria-readonly=true]:not(:disabled){cursor:default}.st-data-table__cocher:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-data-table__cocher:disabled:is(:checked,[type=checkbox]:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-data-table__cocher[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-data-table__cocher[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-data-table__cocher{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-data-table__cocher:is(:checked,[type=checkbox]:indeterminate){background:Highlight;border-color:Highlight}.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-data-table__cocher[type=radio]:checked{background:Canvas}.st-data-table__cocher[type=radio]:checked:before{background:Highlight}.st-data-table__cocher:disabled{border-color:GrayText}}@media print{.st-data-table__cocher:is(:checked,[type=checkbox]:indeterminate),.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-data-table__cocher[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-data-table__cocher[type=checkbox]:checked:before,.st-data-table__cocher[type=checkbox]:indeterminate:before,.st-data-table__cocher[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}:host([data-figee]) [data-figee]{position:sticky;inset-inline-start:calc(var(--st-epaisseur-forte) / 2);z-index:var(--st-tableau-plan-figee);background-color:var(--st-couleur-surface);background-image:linear-gradient(var(--st-tableau-fond-ligne),var(--st-tableau-fond-ligne))}:host([data-figee]) .st-data-table__case+[data-figee]{inset-inline-start:calc(var(--st-tableau-decalage-figee) + var(--st-epaisseur-forte) / 2)}:host([data-figee]) tr>[data-figee]:first-child:before{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-epaisseur-forte));inline-size:var(--st-epaisseur-forte);content:\"\";background-color:var(--st-tableau-fond-ligne)}:host([data-figee]) tbody tr[data-choisie]>[data-figee]:first-child:before{background-color:var(--st-couleur-bordure-selection)}:host([data-figee]) thead [data-figee]{z-index:var(--st-tableau-plan-coin);background:var(--st-couleur-surface-conteneur-bas)}:host([data-figee]) thead tr>[data-figee]:first-child:before{background-color:var(--st-couleur-surface-conteneur-bas)}.st-data-table__vide{padding:var(--st-espacement-5);color:var(--st-couleur-texte-discret);text-align:center}.st-data-table__barre-de-squelette{display:block}.st-data-table__tableau[aria-busy=true]{cursor:progress}@media(forced-colors:active){tbody tr{border-inline-start-color:Canvas}tbody tr[data-choisie]{border-inline-start-color:Highlight}:host([data-figee]) tr>[data-figee]:first-child:before{background-color:Canvas}:host([data-figee]) tbody tr[data-choisie]>[data-figee]:first-child:before{background-color:Highlight}.st-data-table__ombre{display:none!important}}@media print{.st-data-table__zone{max-block-size:none!important;overflow:visible;border:0}.st-data-table__ombre{display:none!important}thead th,:host([data-hauteur-max]) thead th,:host([data-figee]) [data-figee]{position:static}tbody tr{break-inside:avoid}}\n"]
2030
2030
  }]
2031
2031
  }],
2032
2032
  ctorParameters: () => [],