@ds-autonomie/web-components 2.13.0 → 2.14.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @ds-autonomie/web-components
 
+## 2.14.0
+
+### Minor Changes
+
+- 5ada717: `header` : ajout d'un slot `navbar`
+  `header-modern` : ajout de l'en-tête 'modern', à privilégier
+- f7daa14: `tag` : permettre l'ajout d'un nom accessible, et permettre l'affichage d'un tooltip avec le libellé complet du tag
+
+### Patch Changes
+
+- 809f80d: `checkbox`, `filter-counter`, `filter-select`, `input-phone`, `pagination` : élimination de restitutions redondantes au lecteur d'écran
+- 1ed33e7: `alert` : ajout de noms accessibles pour les icones (info/warning/danger/success).
+- a2655c8: `combobox` : résolution d'un soucis de scroll à la sélection; `select` : modification du comportement à l'ouverture
+- 09d3919: `skip-link-item` : résolution d'un bug d'affichage/restitution sur Safari
+
 ## 2.13.0
 
 ### Minor Changes

package/cdn/chunks/{chunk.ZTSFBM3Z.js → chunk.27QL4IYU.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.SUUV7E4I.js";
 import {
   DSAIcon
-} from "./chunk.JS5WYOPH.js";
+} from "./chunk.LSTE53DJ.js";
 import {
   o
 } from "./chunk.XED65RH5.js";

package/cdn/chunks/{chunk.F2AI7O4R.js → chunk.2BS4FDS7.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.C43CVKBG.js";
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   ShoelaceElement,
   e,

package/cdn/chunks/{chunk.BUKM2N6B.js → chunk.3EGQN2WU.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.BKJGWZ2J.js";
 import {
   l
-} from "./chunk.E6U524GP.js";
+} from "./chunk.5YWOUFLR.js";
 import {
   FormControlLayout
 } from "./chunk.YVXTJRSI.js";

package/cdn/chunks/{chunk.Z7ZDVATP.js → chunk.3N5SP55U.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   e2
 } from "./chunk.JY4LUWQC.js";
@@ -63,7 +63,7 @@ var DSAPagination = class extends LoadingStateElement {
     const select = this.querySelector("dsa-select");
     select == null ? void 0 : select.setAttribute("size", "small");
     select == null ? void 0 : select.setAttribute(
-      "title",
+      "accessible-name",
       (_a = this.itemsPerPageLabel) != null ? _a : this.localize.term("linesPerPage")
     );
   }
@@ -128,22 +128,25 @@ var DSAPagination = class extends LoadingStateElement {
     );
     return x`
       <div class="pagination__items">
-        <p
-          aria-label=${this.localize.term(
+        <p>
+          <dsa-visually-hidden
+            >${this.localize.term(
       "paginationResultsAriaLabel",
       fromItem,
       toItem,
       this.totalItems,
       this.totalItemsLabel
-    )}
-        >
-          ${this.localize.term(
+    )}</dsa-visually-hidden
+          >
+          <span aria-hidden="true">
+            ${this.localize.term(
       "paginationResults",
       fromItem,
       toItem,
       this.totalItems,
       this.totalItemsLabel
     )}
+          </span>
         </p>
 
         ${this.hasSlotController.test("[default]") ? x` ${!this.mobile ? x`<dsa-divider vertical="true"></dsa-divider>` : ""}
@@ -213,7 +216,7 @@ var DSAPagination = class extends LoadingStateElement {
                 </dsa-pagination-button>
                 <div class="pagination__navigation__page-input">
                   <dsa-input
-                    title=${this.localize.term("page")}
+                    accessible-name=${this.localize.term("page")}
                     variant="layer"
                     size="small"
                     type="number"

package/cdn/chunks/{chunk.653MPFUT.js → chunk.3N7ZDDUL.js}

@@ -1,9 +1,9 @@
+import {
+  DSATableRow
+} from "./chunk.7H3HPSRF.js";
 import {
   table_header_row_styles_default
 } from "./chunk.FH62MZVI.js";
-import {
-  DSATableRow
-} from "./chunk.NZFBTFCB.js";
 import {
   e,
   t

package/cdn/chunks/{chunk.SOPFOWBL.js → chunk.3UIZ5RTK.js}

@@ -30,7 +30,7 @@ import {
 } from "./chunk.SUUV7E4I.js";
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   o
 } from "./chunk.XED65RH5.js";

package/cdn/chunks/{chunk.XHR7MVV6.js → chunk.5HLGCYCW.js}

@@ -1,9 +1,9 @@
-import {
-  step_styles_default
-} from "./chunk.TAYXGYQL.js";
 import {
   getStepIcon
 } from "./chunk.CCTWXABH.js";
+import {
+  step_styles_default
+} from "./chunk.TAYXGYQL.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -16,7 +16,7 @@ import {
 } from "./chunk.WGXZQSQR.js";
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   o
 } from "./chunk.XED65RH5.js";

package/cdn/chunks/{chunk.CEDKHQ6Y.js → chunk.5KQYKK7F.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   ShoelaceElement,
   n,

package/cdn/chunks/{chunk.SVSNIKRJ.js → chunk.5OXHY35T.js}

@@ -14,7 +14,7 @@ import {
 } from "./chunk.CCDITBCR.js";
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   e2
 } from "./chunk.JY4LUWQC.js";

package/cdn/chunks/{chunk.E6U524GP.js → chunk.5YWOUFLR.js}

@@ -1,7 +1,7 @@
 import {
   f,
   m
-} from "./chunk.JS5WYOPH.js";
+} from "./chunk.LSTE53DJ.js";
 import {
   e,
   i,

package/cdn/chunks/{chunk.MYUDDEC5.js → chunk.6OI6TY62.js}

@@ -1,23 +1,23 @@
+import {
+  input_mask_styles_default
+} from "./chunk.PHX6FWGI.js";
 import {
   maskedValueToRawValue,
   rawValueToMaskedValue,
   stripSpecialChars
 } from "./chunk.7OLEA3GQ.js";
-import {
-  input_mask_styles_default
-} from "./chunk.PHX6FWGI.js";
 import {
   InputBase
 } from "./chunk.AYVXBNFN.js";
 import {
   l
-} from "./chunk.E6U524GP.js";
+} from "./chunk.5YWOUFLR.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.SUUV7E4I.js";
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   o
 } from "./chunk.XED65RH5.js";

package/cdn/chunks/{chunk.4Q2WUHBV.js → chunk.6T4NTP5P.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   watch
 } from "./chunk.TKTCYZRK.js";

package/cdn/chunks/{chunk.UBWOOLWW.js → chunk.6TEFOHBI.js}

@@ -1,16 +1,16 @@
-import {
-  cnsaLogoSvg,
-  dsaLogoSvg
-} from "./chunk.PX75GZGD.js";
 import {
   header_styles_default
-} from "./chunk.VN25W2LD.js";
+} from "./chunk.O4UP6LFM.js";
+import {
+  cnsaLogoSvg,
+  spaLogoSvg
+} from "./chunk.YUKVCPXW.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   e2
 } from "./chunk.JY4LUWQC.js";
@@ -67,6 +67,12 @@ var DSAHeader = class extends ShoelaceElement {
   handleSearchCollapseEvent() {
     this.searchExpanded = false;
   }
+  getFirtLogo() {
+    if (this.firstLogo === "pro") {
+      return spaLogoSvg(this.localize.term("spaGoToHomepage"));
+    }
+    return cnsaLogoSvg(this.localize.term("cnsaGoToHomepage"));
+  }
   handleSearchExpanded() {
     if (this.hasSlotController.test("search")) {
       const search = this.querySelector("dsa-header-search");
@@ -90,52 +96,63 @@ var DSAHeader = class extends ShoelaceElement {
         part="base"
         role="banner"
         class=${e2({
+      header: true,
       "header--mobile": this.mobile === true,
-      "header--desktop": this.mobile === false
+      "header--desktop": this.mobile === false,
+      "header--spa": this.firstLogo === "pro",
+      "header--cnsa": this.firstLogo === "public",
+      "header--with-external-links": this.hasSlotController.test("external-links"),
+      "header--with-second-logo": this.hasSlotController.test("second-logo"),
+      "header--with-navbar": this.hasSlotController.test("navbar"),
+      "header--with-site-info": this.hasSlotController.test("site-name") || this.hasSlotController.test("baseline")
     })}
       >
-        ${this.hasSlotController.test("external-links") ? x`
-              <ul class="external-links__container">
-                <slot name="external-links" part="external-links"></slot>
-              </ul>
-            ` : ""}
-        <div class="header-main__container">
+        <ul class="external-links__container">
+          <slot name="external-links" part="external-links"></slot>
+        </ul>
+
+        <div class="header__main-container">
           <section
             part="main"
             class=${e2({
-      "has-brand": hasBrand,
+      header__main: true,
+      "header--has-brand": hasBrand,
       "header--search-expanded": this.hasSlotController.test("search") && this.searchExpanded
     })}
           >
             <slot
               name="first-logo"
               part="first-logo"
-              class="logo ${this.logoSize === "large" && "logo-large"}"
+              class=${e2({
+      logo: true,
+      "logo-large": this.logoSize === "large"
+    })}
             >
               <a href=${this.logoHref} class="logo-link">
-                ${this.firstLogo === "public" ? dsaLogoSvg(this.localize.term("dsaGoToHomepage")) : cnsaLogoSvg(this.localize.term("cnsaGoToHomepage"))}
+                ${this.getFirtLogo()}
               </a>
             </slot>
-            <div part="brand">
-              ${this.hasSlotController.test("second-logo") ? x`
-                    <slot
-                      name="second-logo"
-                      class="logo ${this.logoSize === "large" && "logo-large"}"
-                    ></slot>
-                  ` : ""}
-              ${this.hasSlotController.test("site-name") || this.hasSlotController.test("baseline") ? x`
-                    <div class="site-info">
-                      <slot name="site-name" part="site-name"></slot>
-                      <slot name="baseline" part="baseline"></slot>
-                    </div>
-                  ` : ""}
+            <div class="header__brand">
+              <slot
+                id="second-logo"
+                name="second-logo"
+                class="logo ${this.logoSize === "large" && "logo-large"}"
+              ></slot>
+              <div class="site-info">
+                <slot name="site-name" part="site-name"></slot>
+                <slot name="baseline" part="baseline"></slot>
+              </div>
             </div>
-            <div part="actions">
+            <div class="header__actions">
               <slot name="search" part="search"></slot>
               <slot part="navigation"></slot>
             </div>
           </section>
         </div>
+
+        <div class="header__navbar-container">
+          <slot name="navbar" part="navbar"></slot>
+        </div>
       </header>
     `;
   }

package/cdn/chunks/{chunk.UANNVQFM.js → chunk.6TP5MV24.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   o
 } from "./chunk.XED65RH5.js";

package/cdn/chunks/{chunk.NZFBTFCB.js → chunk.7H3HPSRF.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.3V2OP5OV.js";
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   e2
 } from "./chunk.JY4LUWQC.js";

package/cdn/chunks/{chunk.Y3VIEPP4.js → chunk.7OHJ4IWG.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   ShoelaceElement,
   n,

package/cdn/chunks/{chunk.IUTJLFMA.js → chunk.AXLGDJN5.js}

@@ -56,8 +56,10 @@ var translation = {
   previousPage: "Page pr\xE9c\xE9dente",
   nextPage: "Page suivante",
   results: "r\xE9sultats",
+  cnsa: "CNSA Caisse Nationale de solidarit\xE9 pour l'autonomie",
+  spa: "Service public de l'autonomie",
   cnsaGoToHomepage: "CNSA Caisse Nationale de solidarit\xE9 pour l'autonomie, aller \xE0 la page d'accueil",
-  dsaGoToHomepage: "Service public de l'autonomie, aller \xE0 la page d'accueil",
+  spaGoToHomepage: "Service public de l'autonomie, aller \xE0 la page d'accueil",
   search: "Rechercher",
   cancel: "Annuler",
   showTableActionsAnnouncement: "Une barre d'actions est d\xE9sormais disponible au-dessus du tableau.",
@@ -154,6 +156,10 @@ var translation = {
   toggleSidenav: "D\xE9velopper/R\xE9duire la navigation lat\xE9rale",
   copied: "Texte copi\xE9 dans le presse-papiers",
   copyError: "Echec de la copie",
+  info: "Information",
+  warning: "Attention",
+  error: "Erreur",
+  success: "Succ\xE8s",
   // countries and regions
   fr_FR: "France",
   fr_GP: "Guadeloupe, Saint-Barth\xE9lemy et Saint-Martin",
@@ -225,8 +231,10 @@ var translation2 = {
   previousPage: "Previous page",
   nextPage: "Next page",
   results: "results",
+  cnsa: "CNSA Caisse Nationale de solidarit\xE9 pour l'autonomie",
+  spa: "Service public de l'autonomie",
   cnsaGoToHomepage: "CNSA Caisse Nationale de solidarit\xE9 pour l'autonomie, go to homepage",
-  dsaGoToHomepage: "Service public de l'autonomie, go to homepage",
+  spaGoToHomepage: "Service public de l'autonomie, go to homepage",
   search: "Search",
   cancel: "Cancel",
   showTableActionsAnnouncement: "An action bar is now available above the table",
@@ -323,6 +331,10 @@ var translation2 = {
   toggleSidenav: "Toggle side navigation",
   copied: "Copied",
   copyError: "Copy error",
+  info: "Information",
+  warning: "Warning",
+  error: "Error",
+  success: "Success",
   // countries and regions
   fr_FR: "France",
   fr_GP: "Guadeloupe",

package/cdn/chunks/{chunk.QVKLZ6B5.js → chunk.BFFPRKRY.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.PEDI7SLK.js";
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   e2
 } from "./chunk.JY4LUWQC.js";

package/cdn/chunks/{chunk.CH7F7WGJ.js → chunk.BKYKGPRF.js}

@@ -1,15 +1,15 @@
 import {
   DSAOption
-} from "./chunk.QVKLZ6B5.js";
+} from "./chunk.BFFPRKRY.js";
 import {
   filter_select_styles_default
 } from "./chunk.DT7G7VQ2.js";
 import {
   DSAInput
-} from "./chunk.HD52LE6J.js";
+} from "./chunk.I6BMKPEG.js";
 import {
   FilterBase
-} from "./chunk.4Q2WUHBV.js";
+} from "./chunk.6T4NTP5P.js";
 import {
   scrollIntoView
 } from "./chunk.EMIT7S33.js";
@@ -407,7 +407,7 @@ var DSAFilterSelect = class extends FilterBase {
       ${this.searchable ? x`
             <dsa-input
               type="search"
-              title=${this.localize.term("search")}
+              accessible-name=${this.localize.term("search")}
               placeholder=${this.localize.term("search")}
               variant="layer"
               .value=${this.searchValue}

package/cdn/chunks/{chunk.U4KGIXKJ.js → chunk.C77KPVOT.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.UMEHST4G.js";
 import {
   FilterBase
-} from "./chunk.4Q2WUHBV.js";
+} from "./chunk.6T4NTP5P.js";
 import {
   watch
 } from "./chunk.TKTCYZRK.js";
@@ -97,7 +97,7 @@ var DSAFilterCounter = class extends FilterBase {
           min=${this.min}
           max=${this.max}
           variant=${this.drawer ? "layer" : "base"}
-          title=${this.label}
+          accessible-name=${this.label}
         ></dsa-input>
         <dsa-icon-button
           name="add"

package/cdn/chunks/{chunk.VDNWYNYL.js → chunk.CMJGPUHA.js}

@@ -21,7 +21,7 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   e2
 } from "./chunk.JY4LUWQC.js";

package/cdn/chunks/{chunk.3K2PJ2XE.js → chunk.CSILWGEZ.js}

@@ -21,7 +21,7 @@ import {
 } from "./chunk.SUUV7E4I.js";
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   o
 } from "./chunk.XED65RH5.js";

package/cdn/chunks/{chunk.UDSRZSUI.js → chunk.CTL6ZCUT.js}

@@ -21,7 +21,7 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   o
 } from "./chunk.XED65RH5.js";

package/cdn/chunks/{chunk.L2J7SIIL.js → chunk.D4SGUF6U.js}

@@ -1,12 +1,12 @@
 import {
   header_search_styles_default
-} from "./chunk.B6A5AGBJ.js";
+} from "./chunk.ZED3URBR.js";
 import {
   l
-} from "./chunk.E6U524GP.js";
+} from "./chunk.5YWOUFLR.js";
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   e2
 } from "./chunk.JY4LUWQC.js";
@@ -33,10 +33,6 @@ var DSAHeaderSearch = class extends ShoelaceElement {
     this.alwaysOpen = false;
     this.mobile = false;
   }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("role", "search");
-  }
   async handleExpandClick() {
     this.emit("dsa-expand");
     this.expanded = true;

package/cdn/chunks/{chunk.KVKLGFVO.js → chunk.DBFO36BO.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk.X4MXT6H7.js";
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   o
 } from "./chunk.XED65RH5.js";

package/cdn/chunks/{chunk.KM4KITZK.js → chunk.DZNKN7UG.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   e2 as e
 } from "./chunk.JY4LUWQC.js";

package/cdn/chunks/{chunk.VX3USOBX.js → chunk.EWW2BZ55.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.NV4CUMOV.js";
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   ShoelaceElement,
   e,

package/cdn/chunks/{chunk.FK753ZOL.js → chunk.FAUBDRT4.js}

@@ -20,7 +20,7 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.IUTJLFMA.js";
+} from "./chunk.AXLGDJN5.js";
 import {
   e2
 } from "./chunk.JY4LUWQC.js";