@ds-autonomie/web-components 2.8.1 → 2.9.1

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @ds-autonomie/web-components
 
+## 2.9.1
+
+### Patch Changes
+
+- 50705c3: `sidenav-info-accordion` : augmenter la taille de police du contenu
+- 78db223: `footer` : chacher le slot "second-logo" si il est vide
+- 9e76881: `select` : amélioration du comportement au lecteur d'écran
+- dda5f39: Ajout du modèle de page d'aide
+- 5034e0e: `table-of-content` : en mobile, fermeture du dropdown au clic sur un lien; Ajout du modèle de page FAQ
+- efc99fd: Ajout du modèle de page Accessibilité
+
+## 2.9.0
+
+### Minor Changes
+
+- c943674: `sidenav-info-accordion`: ajout de l'accordéon d'information de la navigation latérale
+- ac9baf5: `tab-group`: ajout de l'attribut accessible-name
+
+### Patch Changes
+
+- 7752ecd: `sidenav`, `menu-item`, `menu-accordion`: amélioration de l'a11y de la navigation latérale
+- c2a4975: `combobox` : assimiler les tirets à des espaces pour le filtre
+- 09f19a1: `button`, `tag-button`: mise à jour de l'attribut `accessible-name` lorsque la propriété associée est modifiée
+- 62b230f: `drawer`, `dialog`: empêcher la fermeture si un enfant dsa-tooltip est ouvert
+
 ## 2.8.1
 
 ### Patch Changes

package/cdn/chunks/{chunk.FBMGDNRV.js → chunk.2LLDTYPV.js}

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

package/cdn/chunks/{chunk.ANUEXNCN.js → chunk.37BPYQYG.js}

@@ -14,7 +14,7 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   o
 } from "./chunk.XED65RH5.js";

package/cdn/chunks/{chunk.IROQ5KMI.js → chunk.3TDZKT3U.js}

@@ -30,6 +30,7 @@ var card_content_styles_default = i`
     border: var(--dsa-wc-card-border);
     border-radius: var(--dsa-radius-8);
     overflow: hidden;
+    height: 100%;
   }
 
   /* Layout variants */

package/cdn/chunks/{chunk.IYTR2O4G.js → chunk.43DWBFZS.js}

@@ -98,7 +98,7 @@ var DSAMenuItem = class extends ShoelaceElement {
       return u``;
     }
     return u`
-      <dsa-tooltip placement="right" hoist content=${this.getTextLabel()} ?disabled=${!this.collapsed}>
+      <dsa-tooltip placement="right" hoist ?disabled=${!this.collapsed}>
         <${tag}
           part="base"
           class=${e2({
@@ -128,7 +128,8 @@ var DSAMenuItem = class extends ShoelaceElement {
           ></slot>
 
           <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
-        </${tag}>          
+        </${tag}>         
+        <span slot="content" aria-hidden="true">${this.getTextLabel()}</span> 
       </dsa-tooltip>
     `;
   }

package/cdn/chunks/{chunk.RBCREK7M.js → chunk.46OEBDHT.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.L57YXDBH.js";
 import {
   FilterBase
-} from "./chunk.EXKO4BNS.js";
+} from "./chunk.5P5CNELU.js";
 import {
   l
 } from "./chunk.LDYYA5WE.js";

package/cdn/chunks/{chunk.QI3Z34F3.js → chunk.4HNDZK47.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   ShoelaceElement,
   n,

package/cdn/chunks/{chunk.6UXGYL2N.js → chunk.4OYO3HET.js}

@@ -29,7 +29,7 @@ import {
 } from "./chunk.SUUV7E4I.js";
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   o
 } from "./chunk.XED65RH5.js";
@@ -470,6 +470,7 @@ var DSASelect = class extends FormControlLayout {
     return ids.join(" ");
   }
   renderInput() {
+    var _a, _b;
     const isValueDefined = this.value.length > 0;
     const hasLabelSlot = this.hasSlotController.test("label");
     const hasLabel = this.label ? true : !!hasLabelSlot;
@@ -535,11 +536,14 @@ var DSASelect = class extends FormControlLayout {
             aria-controls="listbox"
             aria-expanded=${this.open ? "true" : "false"}
             aria-haspopup="listbox"
-            aria-disabled=${isDisabledOrReadonly ? "true" : "false"}
-            aria-describedby=${this.getDescriptionIds()}
             aria-label=${ifDefinedAndNotEmpty(
       hasLabel ? void 0 : this.title
     )}
+            aria-disabled=${isDisabledOrReadonly ? "true" : "false"}
+            aria-describedby=${this.getDescriptionIds()}
+            aria-activedescendant=${(_b = (_a = this.currentOption) == null ? void 0 : _a.id) != null ? _b : ""}
+            aria-invalid=${o(this.error ? "true" : void 0)}
+            aria-required=${o(this.required ? "true" : void 0)}
             role="combobox"
             @focus=${this.handleFocus}
             @blur=${this.handleBlur}

package/cdn/chunks/{chunk.EXKO4BNS.js → chunk.5P5CNELU.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.4DEEMH54.js → chunk.5SAKCPFO.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.SUUV7E4I.js";
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   o
 } from "./chunk.XED65RH5.js";

package/cdn/chunks/{chunk.NAK3JRLN.js → chunk.63APPLXG.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk.SUUV7E4I.js";
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   o
 } from "./chunk.XED65RH5.js";
@@ -78,7 +78,6 @@ var DSAButton = class extends ShoelaceElement {
     this.href = "";
     this.rel = "noreferrer noopener";
     this.ariaLabel = "";
-    this.accessibleName = "";
     this.description = "";
   }
   /** Gets the validity state object */
@@ -361,7 +360,7 @@ __decorateClass([
   n({ attribute: "aria-label" })
 ], DSAButton.prototype, "ariaLabel", 2);
 __decorateClass([
-  n({ attribute: "accessible-name" })
+  n({ attribute: "accessible-name", reflect: true })
 ], DSAButton.prototype, "accessibleName", 2);
 __decorateClass([
   n({ attribute: "description" })

package/cdn/chunks/{chunk.DUANMGYF.js → chunk.7C6Z5ZJA.js}

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

package/cdn/chunks/{chunk.YSA4DTJQ.js → chunk.AE64AWJ3.js}

@@ -1,6 +1,6 @@
 import {
   card_content_styles_default
-} from "./chunk.IROQ5KMI.js";
+} from "./chunk.3TDZKT3U.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";

package/cdn/chunks/{chunk.ZNN7NQI7.js → chunk.ATTLUFKD.js}

@@ -34,7 +34,6 @@ var DSATagButton = class extends ShoelaceElement {
     this.label = "";
     this.variant = "neutral";
     this.size = "medium";
-    this.accessibleName = "";
     this.description = "";
     this.href = "";
     this.rel = "noreferrer noopener";
@@ -119,7 +118,7 @@ __decorateClass([
   n({ reflect: true })
 ], DSATagButton.prototype, "size", 2);
 __decorateClass([
-  n({ attribute: "accessible-name" })
+  n({ attribute: "accessible-name", reflect: true })
 ], DSATagButton.prototype, "accessibleName", 2);
 __decorateClass([
   n({ attribute: "description" })

package/cdn/chunks/{chunk.QAVFHUTW.js → chunk.AVPUEXYV.js}

@@ -14,7 +14,7 @@ import {
 } from "./chunk.2WRFDMKN.js";
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   e2
 } from "./chunk.JY4LUWQC.js";

package/cdn/chunks/{chunk.7LPJZYXA.js → chunk.BBXLEST4.js}

@@ -39,7 +39,6 @@ var menu_accordion_styles_default = i`
     display: flex;
     align-items: center;
     border-radius: inherit;
-    padding: var(--dsa-wc-menu-accordion-button-padding);
     user-select: none;
     cursor: pointer;
   }
@@ -67,7 +66,7 @@ var menu_accordion_styles_default = i`
   }
   .menu-accordion__prefix::slotted(*) {
     margin-inline-end: var(--dsa-wc-menu-item-margin-inline-end);
-    display: inherit;
+    display: flex;
     height: 1.25em;
     width: 1.25em;
   }
@@ -144,6 +143,31 @@ var menu_accordion_styles_default = i`
     top: 0.5rem;
     left: 1.75rem;
   }
+
+  /*
+  * Sidenav Information
+  */
+  .menu-accordion--sidenav-info {
+    background-color: var(--dsa-color-surface-floatting-menu);
+    color: var(--dsa-color-text-on-floatting-menu-primary);
+  }
+  .menu-accordion--sidenav-info .menu-accordion__header-button:hover {
+    background-color: var(--dsa-color-primitive-colors-identity-green-800);
+    color: var(--dsa-color-text-on-floatting-menu-primary);
+  }
+  .menu-accordion--sidenav-info .menu-accordion__content {
+    padding: var(--dsa-wc-menu-item-padding);
+    font: var(--dsa-font-small-normal);
+  }
+  .menu-accordion--sidenav-info.menu-accordion--collapsed
+    .menu-accordion__header-button {
+    justify-content: center;
+    padding: 0;
+  }
+  .menu-accordion--sidenav-info:not(.menu-accordion--collapsed)
+    .menu-accordion__prefix {
+    display: none;
+  }
 `;
 
 export {

package/cdn/chunks/{chunk.2MMASCIR.js → chunk.BDVK5IET.js}

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

package/cdn/chunks/{chunk.DRVOJTJS.js → chunk.CYZSRXNN.js}

@@ -1,6 +1,6 @@
 import {
   DSATableRow
-} from "./chunk.DUANMGYF.js";
+} from "./chunk.7C6Z5ZJA.js";
 import {
   table_header_row_styles_default
 } from "./chunk.FH62MZVI.js";

package/cdn/chunks/{chunk.SWEVWWU3.js → chunk.DAWUTV6P.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.WGXZQSQR.js";
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   o
 } from "./chunk.XED65RH5.js";

package/cdn/chunks/{chunk.4XTF2ZKZ.js → chunk.DEVNIYZ2.js}

@@ -30,7 +30,7 @@ import {
 } from "./chunk.SUUV7E4I.js";
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   o
 } from "./chunk.XED65RH5.js";
@@ -112,8 +112,14 @@ var DSADrawer = class extends ShoelaceElement {
   }
   handleDocumentKeyDown(event) {
     if (this.open && !this.contained && event.key === "Escape") {
-      event.stopPropagation();
-      this.requestClose("keyboard");
+      const tooltipChildren = this.querySelectorAll("dsa-tooltip");
+      const isTooltipOpen = Array.from(tooltipChildren).some(
+        (tooltip) => tooltip.open
+      );
+      if (!isTooltipOpen) {
+        event.stopPropagation();
+        this.requestClose("keyboard");
+      }
     }
   }
   async handleOpenChange() {

package/cdn/chunks/{chunk.W6E5ULU7.js → chunk.DQE6A45V.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.HAD2A62Q.js";
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   o
 } from "./chunk.XED65RH5.js";

package/cdn/chunks/{chunk.36Y6T57J.js → chunk.DTYC6A72.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   o
 } from "./chunk.XED65RH5.js";

package/cdn/chunks/{chunk.SCX733LL.js → chunk.EDDZXAWN.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   e2 as e
 } from "./chunk.JY4LUWQC.js";

package/cdn/chunks/{chunk.JHGJY6PX.js → chunk.EQP4SFMR.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.2WRFDMKN.js";
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   e2
 } from "./chunk.JY4LUWQC.js";

package/cdn/chunks/{chunk.57JI3UNH.js → chunk.EUM3VSYY.js}

@@ -151,8 +151,7 @@ var translation = {
   switchOn: "Activ\xE9",
   switchOff: "D\xE9sactiv\xE9",
   sidenav: "Navigation lat\xE9rale",
-  expandSidenav: "D\xE9velopper la navigation lat\xE9rale",
-  collapseSidenav: "R\xE9duire la navigation lat\xE9rale",
+  toggleSidenav: "D\xE9velopper/R\xE9duire la navigation lat\xE9rale",
   // countries and regions
   fr_FR: "France",
   fr_GP: "Guadeloupe, Saint-Barth\xE9lemy et Saint-Martin",
@@ -319,8 +318,7 @@ var translation2 = {
   switchOn: "On",
   switchOff: "Off",
   sidenav: "Side navigation",
-  expandSidenav: "Expand side navigation",
-  collapseSidenav: "Collapse side navigation",
+  toggleSidenav: "Toggle side navigation",
   // countries and regions
   fr_FR: "France",
   fr_GP: "Guadeloupe",

package/cdn/chunks/{chunk.ADBMEATG.js → chunk.EV5HIEJ3.js}

@@ -21,6 +21,7 @@ var card_styles_default = i`
     box-shadow: var(--dsa-wc-card-box-shadow);
     border: var(--dsa-wc-card-border);
     color: var(--dsa-wc-card-color);
+    height: 100%;
   }
 
   .card.link {

package/cdn/chunks/chunk.FLRB45SF.js

@@ -0,0 +1,19 @@
+// src/utilities/helpers.ts
+function normalizeStr(str) {
+  const withoutAccents = str.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/œ/g, "oe");
+  const dashAsSpace = withoutAccents.replace(/-/g, " ");
+  const lowerCaseString = dashAsSpace.toLowerCase();
+  const trimmedString = lowerCaseString.replace(/\s+/g, " ").trim();
+  return trimmedString;
+}
+function isMacOS() {
+  if (navigator.userAgentData) {
+    return navigator.userAgentData.platform === "macOS";
+  }
+  return /Mac|iPod|iPhone|iPad/.test(navigator.userAgent);
+}
+
+export {
+  normalizeStr,
+  isMacOS
+};

package/cdn/chunks/{chunk.SJYXVRVE.js → chunk.FMOGZNXI.js}

@@ -26,7 +26,7 @@ import {
 } from "./chunk.2WRFDMKN.js";
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   o
 } from "./chunk.XED65RH5.js";

package/cdn/chunks/{chunk.OMTZHU6Z.js → chunk.GSMXR5CP.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk.SUUV7E4I.js";
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   o
 } from "./chunk.XED65RH5.js";

package/cdn/chunks/{chunk.VB6ZFHSB.js → chunk.H5B527GZ.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.SUUV7E4I.js";
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.PI6IDFTT.js → chunk.H5EN4U2E.js}

@@ -9,7 +9,10 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
+import {
+  o
+} from "./chunk.XED65RH5.js";
 import {
   e2 as e
 } from "./chunk.JY4LUWQC.js";
@@ -62,7 +65,12 @@ var DSAFooter = class extends ShoelaceElement {
             <span class="logo">
               ${footerLogoSvg(this.localize.term("cnsaFooterLogoLabel"))}
             </span>
-            <slot name="second-logo" class="logo"></slot>
+            <slot
+              name="second-logo"
+              class=${o(
+      this.hasSlotController.test("second-logo") ? "logo" : void 0
+    )}
+            ></slot>
           </div>
 
           <slot part="footer-bottom" name="footer-bottom"></slot>

package/cdn/chunks/{chunk.Q47NBYPL.js → chunk.HG7MAXOZ.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   e2
 } from "./chunk.JY4LUWQC.js";

package/cdn/chunks/{chunk.HFFO7ROO.js → chunk.I7YKF4AW.js}

@@ -1,15 +1,15 @@
-import {
-  DSATreeItem
-} from "./chunk.32DAUHJ6.js";
 import {
   tree_styles_default
 } from "./chunk.SGFL2TCK.js";
+import {
+  DSATreeItem
+} from "./chunk.Y7TCZRKP.js";
 import {
   clamp
 } from "./chunk.HF7GESMZ.js";
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.VJ5PVQ2X.js → chunk.IVJVQAQC.js}

@@ -82,7 +82,9 @@ var sidenav_styles_default = i`
 
   .sidenav:not(.sidenav--expanded)
     ::slotted(
-      :not(dsa-menu-accordion):not(dsa-menu-navigation):not(dsa-divider)
+      :not(dsa-menu-accordion):not(dsa-menu-navigation):not(dsa-divider):not(
+          dsa-sidenav-info-accordion
+        )
     ) {
     display: none;
   }

package/cdn/chunks/{chunk.FRO6GRVS.js → chunk.J5TZCAMD.js}

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

package/cdn/chunks/{chunk.7JC3OWVV.js → chunk.KB24GDYU.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.OAM7FL75.js";
 import {
   FilterBase
-} from "./chunk.EXKO4BNS.js";
+} from "./chunk.5P5CNELU.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.B5BIYVZQ.js → chunk.KTWA323L.js}

@@ -1,6 +1,6 @@
 import {
   DSASelect
-} from "./chunk.6UXGYL2N.js";
+} from "./chunk.4OYO3HET.js";
 import {
   frenchNumberPrefix,
   phonePrefixOptions

package/cdn/chunks/{chunk.IQ6BCACG.js → chunk.L53T7ACW.js}

@@ -1,6 +1,6 @@
 import {
   download_card_styles_default
-} from "./chunk.KTQYCGHW.js";
+} from "./chunk.ZBRHWPTO.js";
 import {
   ShoelaceElement,
   n,

package/cdn/chunks/{chunk.DSXA7V54.js → chunk.LA2WIFMP.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   ShoelaceElement,
   n,

package/cdn/chunks/{chunk.JA56VM3Z.js → chunk.MQGQAGHT.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.XHBGKXEK.js";
 import {
   LocalizeController
-} from "./chunk.57JI3UNH.js";
+} from "./chunk.EUM3VSYY.js";
 import {
   o
 } from "./chunk.XED65RH5.js";