From 6046c9802bbf147ec51748076f348709421492cc Mon Sep 17 00:00:00 2001
From: Martin <martin@sharypic.com>
Date: Tue, 12 Sep 2023 16:09:35 +0200
Subject: [PATCH] correctif(dsfr.burger-menu): le burger menu du DSFR n'aime
 pas le double  dans le header

---
 patches/@gouvfr+dsfr+1.10.1.patch | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/patches/@gouvfr+dsfr+1.10.1.patch b/patches/@gouvfr+dsfr+1.10.1.patch
index 30d1ec51f..26eb17322 100644
--- a/patches/@gouvfr+dsfr+1.10.1.patch
+++ b/patches/@gouvfr+dsfr+1.10.1.patch
@@ -124,3 +124,33 @@ index 19921b7..29f207d 100644
    COLLAPSE_LEGACY: `${ITEM} ${COLLAPSE}`,
    ITEM: api.internals.ns.selector('sidemenu__item'),
    BUTTON: api.internals.ns.selector('sidemenu__btn')
+diff --git a/node_modules/@gouvfr/dsfr/dist/dsfr.module.js b/node_modules/@gouvfr/dsfr/dist/dsfr.module.js
+index 1ddc56c..bee3c5a 100644
+--- a/node_modules/@gouvfr/dsfr/dist/dsfr.module.js
++++ b/node_modules/@gouvfr/dsfr/dist/dsfr.module.js
+@@ -5506,12 +5506,6 @@ class HeaderLinks extends api.core.Instance {
+     const copySuffix = '-mobile';
+ 
+     const toolsHtml = this.toolsLinks.innerHTML.replace(/  +/g, ' ');
+-    const menuHtml = this.menuLinks.innerHTML.replace(/  +/g, ' ');
+-    // Pour éviter de dupliquer des id, on ajoute un suffixe aux id et aria-controls duppliqués.
+-    let toolsHtmlDuplicateId = toolsHtml.replace(/id="(.*?)"/gm, 'id="$1' + copySuffix + '"');
+-    toolsHtmlDuplicateId = toolsHtmlDuplicateId.replace(/(<nav[.\s\S]*-translate [.\s\S]*) aria-controls="(.*?)"([.\s\S]*<\/nav>)/gm, '$1 aria-controls="$2' + copySuffix + '"$3');
+-
+-    if (toolsHtmlDuplicateId === menuHtml) return;
+ 
+     switch (api.mode) {
+       case api.Modes.ANGULAR:
+@@ -5523,7 +5517,11 @@ ${api.header.doc}`);
+         break;
+ 
+       default:
+-        this.menuLinks.innerHTML = toolsHtmlDuplicateId;
++        this.menuLinks.innerHTML = toolsHtml;
++        for (const element of this.menuLinks.querySelectorAll('[id]')) element.id = `${element.id}${copySuffix}`;
++        for (const element of this.menuLinks.querySelectorAll('[aria-controls]')) {
++          element.setAttribute('aria-controls', `${element.getAttribute('aria-controls')}${copySuffix}`);
++        }
+     }
+   }
+ }