/** * Script injectable (CMS custom JS) pour transformer le sélecteur de langue inwink * en menu déroulant (dropdown) et synchroniser l'attribut lang de la balise . */ (function () { 'use strict'; var isRebuilding = false; function applyHeaderColors(container) { var header = container.closest('.app-header'); if (!header) return; var styles = window.getComputedStyle(header); var bg = styles.backgroundColor; var color = styles.color; if (!bg || bg === 'transparent' || bg === 'rgba(0, 0, 0, 0)') { bg = header.style.backgroundColor || '#ffffff'; } container.style.setProperty('--iw-header-bg', bg); container.style.setProperty('--iw-header-color', color); } function transformToDropdown(container) { if (container.getAttribute('data-iw-dropdown') === 'true') return; container.setAttribute('data-iw-dropdown', 'true'); container.classList.add('iw-lang-dropdown'); applyHeaderColors(container); rebuildDropdown(container); var childObserver = new MutationObserver(function (mutations) { if (isRebuilding) return; var relevant = false; for (var mi = 0; mi < mutations.length; mi++) { var m = mutations[mi]; if (m.type === 'childList') { for (var i = 0; i < m.addedNodes.length; i++) { var n = m.addedNodes[i]; if (n.nodeType === 1 && n.classList && n.classList.contains('lng')) { relevant = true; break; } } if (relevant) break; for (var j = 0; j < m.removedNodes.length; j++) { var r = m.removedNodes[j]; if (r.nodeType === 1 && r.classList && r.classList.contains('lng')) { relevant = true; break; } } } else if (m.type === 'attributes' && m.target.classList && m.target.classList.contains('lng')) { relevant = true; } if (relevant) break; } if (relevant) rebuildDropdown(container); }); childObserver.observe(container, { childList: true, subtree: true, attributes: true, attributeFilter: ['class'] }); } function rebuildDropdown(container) { isRebuilding = true; try { var oldToggle = container.querySelector('.iw-lang-toggle'); var oldList = container.querySelector('.iw-lang-list'); if (oldToggle) oldToggle.remove(); if (oldList) oldList.remove(); var lngs = []; var children = container.children; for (var i = 0; i < children.length; i++) { if (children[i].classList.contains('lng')) { lngs.push(children[i]); } } if (lngs.length === 0) return; var currentLng = null; for (var k = 0; k < lngs.length; k++) { if (lngs[k].classList.contains('current')) { currentLng = lngs[k]; break; } } // Le repli sur la première langue ne doit pas piloter : sans // .current (hydratation en cours) on écrirait « fr », et tout ce qui dépend // de [lang] basculerait — libellés traduits en CSS et script de billetterie. var iwLangDetected = currentLng !== null; if (!currentLng) currentLng = lngs[0]; // --- MODIFICATION : MISE À JOUR DE LA BALISE HTML --- var targetLang = currentLng.getAttribute('lang'); if (!targetLang) { var textClean = currentLng.textContent.trim().toLowerCase(); targetLang = textClean.length <= 3 ? textClean : textClean.substring(0, 2); } if (iwLangDetected && targetLang) { document.documentElement.setAttribute('lang', targetLang); } // ---------------------------------------------------- // Toggle button var toggle = document.createElement('div'); toggle.className = 'iw-lang-toggle'; toggle.setAttribute('role', 'button'); toggle.setAttribute('tabindex', '0'); toggle.setAttribute('aria-haspopup', 'listbox'); toggle.setAttribute('aria-expanded', 'false'); var labelSpan = document.createElement('span'); labelSpan.textContent = currentLng.textContent.trim(); var currentInnerSpan = currentLng.querySelector('span'); if (currentInnerSpan && currentInnerSpan.style.color) { labelSpan.style.color = currentInnerSpan.style.color; } var chevron = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); chevron.setAttribute('viewBox', '0 0 16 16'); chevron.setAttribute('fill', 'inherit'); chevron.setAttribute('stroke', 'inherit'); chevron.setAttribute('aria-hidden', 'true'); chevron.setAttribute('focusable', 'false'); chevron.setAttribute('class', 'iw-lang-chevron'); chevron.innerHTML = ''; toggle.appendChild(labelSpan); toggle.appendChild(chevron); // Dropdown list var list = document.createElement('div'); list.className = 'iw-lang-list'; list.setAttribute('role', 'listbox'); for (var li = 0; li < lngs.length; li++) { (function (originalEl) { var item = document.createElement('div'); item.className = 'iw-lang-item' + (originalEl.classList.contains('current') ? ' iw-current' : ''); item.textContent = originalEl.textContent.trim(); item.setAttribute('role', 'option'); item.setAttribute('tabindex', '0'); var innerSpan = originalEl.querySelector('span'); if (innerSpan && innerSpan.style.color) { item.style.color = innerSpan.style.color; } item.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); container.classList.remove('iw-open'); toggle.setAttribute('aria-expanded', 'false'); var evt = new MouseEvent('click', { bubbles: true, cancelable: true, view: window }); originalEl.dispatchEvent(evt); }); list.appendChild(item); })(lngs[li]); } container.appendChild(toggle); container.appendChild(list); toggle.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); var open = container.classList.toggle('iw-open'); toggle.setAttribute('aria-expanded', open ? 'true' : 'false'); }); toggle.addEventListener('keydown', function (e) { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); e.stopPropagation(); var open = container.classList.toggle('iw-open'); toggle.setAttribute('aria-expanded', open ? 'true' : 'false'); } else if (e.key === 'Escape') { container.classList.remove('iw-open'); toggle.setAttribute('aria-expanded', 'false'); } }); } finally { isRebuilding = false; } } // Close dropdown when clicking outside document.addEventListener('click', function (e) { var openDropdowns = document.querySelectorAll('.menu-languages.iw-open'); for (var i = 0; i < openDropdowns.length; i++) { var dd = openDropdowns[i]; if (!dd.contains(e.target)) { dd.classList.remove('iw-open'); var t = dd.querySelector('.iw-lang-toggle'); if (t) t.setAttribute('aria-expanded', 'false'); } } }, true); function initAll() { if (isRebuilding) return; var containers = document.querySelectorAll('.menu-languages:not([data-iw-dropdown="true"])'); for (var i = 0; i < containers.length; i++) { transformToDropdown(containers[i]); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initAll); } else { initAll(); } var globalObserver = new MutationObserver(function () { if (isRebuilding) return; if (document.querySelector('.menu-languages:not([data-iw-dropdown="true"])')) { initAll(); } }); globalObserver.observe(document.body, { childList: true, subtree: true }); })();

CATALOGUE OF EXPERIENCES

Catalogue of experiences

FAQ

Contact

Terms & conditions

Personal data

Accessibility: Partially compliant