/**
 * Newsletters archivées : la <iframe srcdoc> qui rend le document email
 * (single.twig, posts de catégorie « newsletter ») n'a pas de hauteur
 * intrinsèque. On l'ajuste au contenu réel et on ré-ajuste sur resize, au
 * chargement des images et sur tout reflow interne (ResizeObserver).
 */
(function () {
    'use strict';

    function resize(frame) {
        try {
            var doc = frame.contentDocument || frame.contentWindow.document;
            if (!doc || !doc.body) return;
            var h = Math.max(
                doc.body.scrollHeight, doc.documentElement.scrollHeight,
                doc.body.offsetHeight, doc.documentElement.offsetHeight
            );
            frame.style.height = h + 'px';
        } catch (e) { /* cross-origin impossible : srcdoc est same-origin */ }
    }

    function setup(frame) {
        var run = function () { resize(frame); };

        frame.addEventListener('load', function () {
            run();
            try {
                var win = frame.contentWindow;
                var doc = frame.contentDocument;
                // Le reflow d'images en cours de chargement change la hauteur.
                Array.prototype.forEach.call(doc.images, function (img) {
                    if (!img.complete) { img.addEventListener('load', run); }
                });
                if (win.ResizeObserver && doc.body) {
                    new win.ResizeObserver(run).observe(doc.body);
                }
            } catch (e) { /* no-op */ }
        });

        // srcdoc peut déjà être chargé si le script tourne tard.
        run();
    }

    function init() {
        var frames = document.querySelectorAll('.newsletter-frame');
        Array.prototype.forEach.call(frames, setup);
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', init);
    } else {
        init();
    }

    var raf;
    window.addEventListener('resize', function () {
        if (raf) { cancelAnimationFrame(raf); }
        raf = requestAnimationFrame(function () {
            Array.prototype.forEach.call(
                document.querySelectorAll('.newsletter-frame'), resize
            );
        });
    });
})();