#HTTP_HEADER{Content-Type: text/javascript; charset=utf-8}
#HTTP_HEADER{Vary: Accept-Encoding}

#SET{COOKIE_PATH,#CONST{_COOKIE_PATH}|sinon{#URL_SITE_SPIP|replace{#VAL{^\w+://[^/]*},'',''}}}

[(#REM)<script>]
/**
 * Gestion des cookies DSFR
 * 
 * @param nom_du_cookie
 *     Nom du cookie.
 * 
 * @param valeur
 *     Si la valeur est `null`, alors le cookie sera supprimé.
 * 
 * @param nombre_de_jours_avant_suppression
 *     Nombre de jour(s) avant la suppression automatique du cookie.
 *     Par défaut un cookie est supprimé lors de la fermeture du navigateur.
 * 
 * @example
 *     DSFR_COOKIE('nom_du_cookie') // lit le cookie. Renvoi `undefined` si ce cookie n'existe pas.
 *     DSFR_COOKIE('nom_du_cookie', 'Nouvelle valeur') // écrit le cookie avec la valeur `nouvelle valeur`.
 *     DSFR_COOKIE('nom_du_cookie', '') // supprime le cookie.
 * 
 * @return mixed
 **/
const DSFR_COOKIE = (nom_du_cookie, valeur, nombre_de_jours_avant_suppression) => {
	const prefixe = 'dsfr_'
	const path = '[(#GET{COOKIE_PATH})]'

	if ( nom_du_cookie ) {
		// modification du cookie
		if ( valeur !== undefined ) {
			// supprime le cookie
			if ( valeur === null || valeur === '' ) {
				Cookies.remove(prefixe+nom_du_cookie, { SameSite: 'Strict', path: path })
			}
			// écrit le cookie
			else {
				Cookies.set(prefixe+nom_du_cookie, valeur, { expires: nombre_de_jours_avant_suppression, SameSite: 'Strict', path: path })
			}
		}
		// lit le cookie
		else {
			valeur = Cookies.get(prefixe+nom_du_cookie)
		}
	}

	return valeur
}

/**
 * Ouvre les composants DSFR comme les accordéons, alertes... qui sont des parents de l'element fourni
 * 
 * @param element
 *     Élément "enfant" cible
 **/
 const DSFR_OUVRIR_COMPOSANTS_PARENTS = (element) => {
	if ( element ) {
		var composant = dsfr(element)
		if ( composant && composant.collapse ) {
			composant.collapse.disclose() // ouverture de l'element
		}

		if ( element.parentNode ) {
			DSFR_OUVRIR_COMPOSANTS_PARENTS(element.parentNode)
		}
	}
}

/**
 * Scroll jusqu'à l'élément désigné.
 * Si l'élément est dans un composant DSFR qui est fermé (accordéon, alerte...), ouvre le composant avant le défilement.
 * 
 * @param element
 *     Élément cible
 * 
 * @param pipeline
 *     Fonction de "callback" à éxecuter après le défilement
 **/
 const DSFR_FAIRE_DEFILER_JUSQU_A = (element, pipeline) => {
	if ( element ) {
		const hauteur_fenetre_avant_ouverture = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight)

		DSFR_OUVRIR_COMPOSANTS_PARENTS(element)

		// laisser le temps aux composants de commencer à s'ouvrir
		setTimeout(() => {
			const hauteur_fenetre_apres_ouverture = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight)

			if ( hauteur_fenetre_avant_ouverture != hauteur_fenetre_apres_ouverture ) {
				// laisser le temps aux composants de s'ouvrir totalement
				setTimeout(() => {
					element.scrollIntoView({ behavior: 'auto' })
					if ( pipeline ) {
						pipeline(element)
					}
				}, 250)
			}
			else {
				element.scrollIntoView({ behavior: 'auto' })
				if ( pipeline ) {
					pipeline(element)
				}
			}
		}, 50)
	}
}

/*
	Charge les scripts des composants DSFR
*/
const DSFR_COMPOSANTS = {}

<B_composants>
window.addEventListener('load', () => {
<BOUCLE_composants(DATA) {source table,#ARRAY|dsfr_liste_composants}>[(#CHEMIN{dsfr_composants/#CLE.js.html}|oui)
	DSFR_COMPOSANTS.[(#CLE)] = {}
	[(#PRODUIRE{fond=dsfr_composants/#CLE.js}|supprimer_timestamp|file_get_contents)]
]</BOUCLE_composants>
})
</B_composants>

/*
	Gestion liens qui pointent vers une ancre.
	Si l'ancre est invisible (dans un composant accordéon fermé par exemple...) ouvre le composant avant le défilement.
*/
document.addEventListener('DOMContentLoaded', () => {

	const liens = document.querySelectorAll('a[href^="#"]') // liens vers une ancre interne
	liens.forEach((lien) => {
		lien.addEventListener('click', (e) => {
			e.preventDefault()

			const id_cible = lien.getAttribute('href').slice(1)
			const element_cible = id_cible == '' ? false : document.getElementById(id_cible)

			// la cible existe
			if ( element_cible ) {
				DSFR_FAIRE_DEFILER_JUSQU_A(element_cible, function(element) {
					const id = element.getAttribute('id')
					if ( id ) {
						// change le hash qui déclenche l'événement `hashchange`
						window.location.hash = id;
					}
				})
			}
		})
	})
})

/*
	Gestion du changement du `hash` de l'url.
	Repositionne correctement le défilement au changement du `hash`.
*/
window.addEventListener('hashchange', () => {
	if ( window.location.hash ) {
		const id_cible = window.location.hash.slice(1)
		const element_cible = id_cible == '' ? false : document.getElementById(id_cible)

		// la cible existe
		if ( element_cible ) {
			DSFR_FAIRE_DEFILER_JUSQU_A(element_cible)
		}
	}
	else {
		document.body.scrollIntoView({ behavior: 'auto' })
	}
})

/*
	Lors du chargement de la page avec un `hash` présent dans l'url.
	Repositionne correctement le défilement en fonction du `hash`.
*/
window.addEventListener('load', () => {
	const id_cible = window.location.hash.slice(1)
	const element_cible = id_cible == '' ? false : document.getElementById(id_cible)

	// la cible existe
	if ( element_cible ) {
		DSFR_FAIRE_DEFILER_JUSQU_A(element_cible)
	}
})

#FILTRE{trim}