@ds-autonomie/web-components 2.8.1 → 2.9.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @ds-autonomie/web-components
 
+## 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.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.7LPJZYXA.js → chunk.5NR5NDJH.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-x-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.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.6UXGYL2N.js → chunk.63E6ND2E.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";

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.O77PE5HQ.js → chunk.7F7MUG3F.js}

@@ -1,6 +1,6 @@
 import {
   menu_accordion_styles_default
-} from "./chunk.7LPJZYXA.js";
+} from "./chunk.5NR5NDJH.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.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";
@@ -58,6 +58,7 @@ var DSAMenuAccordion = class extends ShoelaceElement {
     this.size = "medium";
     this.level = 1;
     this.collapsed = false;
+    this.sidenavInfo = false;
   }
   connectedCallback() {
     super.connectedCallback();
@@ -216,18 +217,15 @@ var DSAMenuAccordion = class extends ShoelaceElement {
       "menu-accordion--medium": this.size === "medium",
       "menu-accordion--large": this.size === "large",
       "menu-accordion--level-2": this.level === 2,
-      "menu-accordion--collapsed": this.collapsed
+      "menu-accordion--collapsed": this.collapsed,
+      "menu-accordion--sidenav-info": this.sidenavInfo
     })}
       >
         <div part="header" id="header" class="menu-accordion__header">
-          <dsa-tooltip
-            placement="right"
-            ?disabled=${!this.collapsed}
-            content=${this.getTextSummary()}
-          >
+          <dsa-tooltip placement="right" ?disabled=${!this.collapsed}>
             <span
               role="button"
-              aria-expanded=${this.open ? "true" : "false"}
+              aria-expanded=${this.open && !this.collapsed ? "true" : "false"}
               aria-controls="content"
               @click=${this.handleSummaryClick}
               @keydown=${this.handleSummaryKeyDown}
@@ -255,6 +253,9 @@ var DSAMenuAccordion = class extends ShoelaceElement {
                 ></dsa-icon>
               </span>
             </span>
+            <span slot="content" aria-hidden="true"
+              >${this.getTextSummary()}</span
+            >
           </dsa-tooltip>
         </div>
 
@@ -301,6 +302,9 @@ __decorateClass([
 __decorateClass([
   n({ type: Boolean, reflect: true })
 ], DSAMenuAccordion.prototype, "collapsed", 2);
+__decorateClass([
+  n({ attribute: "sidenav-info", type: Boolean })
+], DSAMenuAccordion.prototype, "sidenavInfo", 2);
 __decorateClass([
   watch("open", { waitUntilFirstUpdate: true })
 ], DSAMenuAccordion.prototype, "handleOpenChange", 1);

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.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.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.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.PI6IDFTT.js → chunk.JH4WWO3O.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.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.B5BIYVZQ.js → chunk.LAQ3W3Y3.js}

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

package/cdn/chunks/{chunk.G5AZGI3C.js → chunk.LBMYQKFU.js}

@@ -18,7 +18,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.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";