https://fondationthalie.org/sites/default/files/js/js_Bxz66CXFP7fN…OjfErw6oyq27-5AYki6gujaEVrI7qWdtJ5rKDf7TzLq

1/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
2(function(Drupal,once){"use strict";const FORM_HTML=`
3    <div class="mc-newsletter-popup">
4      <div class="mc-newsletter-popup__header">
5        <p class="mc-newsletter-popup__eyebrow">Newsletter</p>
6        <h2 class="mc-newsletter-popup__title">Restez informé</h2>
7        <p class="mc-newsletter-popup__subtitle">Suivez les actualités de la Fondation Thalie.</p>
8      </div>
9
10      <form
11        action="https://fondationthalie.us10.list-manage.com/subscribe/post?u=6038df5ea877aa267e2c61cd1&id=f1f893f487&v_id=3740&f_id=00f9c6e5f0"
12        method="post"
13        id="mc-newsletter-form"
14        name="mc-embedded-subscribe-form"
15        class="validate"
16        target="_blank"
17        novalidate
18      >
19        <!-- Email -->
20        <div class="mc-field-group">
21          <label for="mc-newsletter-email">
22            Adresse e-mail <span class="mc-required" aria-hidden="true">*</span>
23          </label>
24          <input
25            type="email"
26            name="EMAIL"
27            id="mc-newsletter-email"
28            class="required email"
29            required
30            autocomplete="email"
31            placeholder="[email protected]"
32          />
33        </div>
34
35        <!-- GDPR -->
36        <div class="mc-field-group mc-field-group--gdpr">
37          <fieldset>
38            <legend>Autorisations de marketing</legend>
39            <p class="mc-gdpr__intro">
40              Veuillez choisir comment vous souhaitez avoir des nouvelles de la Fondation Thalie&nbsp;:
41            </p>
42            <label class="mc-checkbox-label">
43              <input type="checkbox" id="mc-newsletter-gdpr" name="gdpr[1]" class="gdpr" value="Y" />
44              <span class="mc-checkbox-custom" aria-hidden="true"></span>
45              <span>E-mail</span>
46            </label>
47            <p class="mc-gdpr__legal">
48              Vous pouvez vous désabonner à tout moment via le lien en bas de nos e-mails.
49            </p>
50          </fieldset>
51          <p class="mc-mailchimp-notice">
52            Nous utilisons Mailchimp. En vous inscrivant, vos données sont transmises à Mailchimp.
53            <a href="https://mailchimp.com/legal/terms" target="_blank" rel="noopener">En savoir plus</a>.
54          </p>
55        </div>
56
57        <!-- Honeypot — DO NOT REMOVE -->
58        <div aria-hidden="true" style="position:absolute;left:-5000px;">
59          <input type="text" name="b_6038df5ea877aa267e2c61cd1_f1f893f487" tabindex="-1" value="" />
60        </div>
61
62        <!-- Response messages -->
63        <div id="mc-newsletter-responses" role="status" aria-live="polite">
64          <div class="mc-response mc-response--error" id="mc-newsletter-error" role="alert" aria-live="assertive"></div>
65          <div class="mc-response mc-response--success" id="mc-newsletter-success"></div>
66        </div>
67
68        <!-- Submit -->
69        <div class="mc-submit-wrap">
70          <button type="submit" id="mc-newsletter-submit" class="mc-submit-btn">
71            S'abonner
72          </button>
73        </div>
74      </form>
75    </div>
76  `;Drupal.behaviors.glightboxNewsletter={attach(context){let lightbox=null;function getLightbox(){if(lightbox)return lightbox;lightbox=GLightbox({elements:[{content:FORM_HTML,type:"inline"}],touchNavigation:false,closeButton:true,closeOnOutsideClick:true,zoomable:false,draggable:false,openEffect:'fade',closeEffect:'fade',skin:"newsletter"});lightbox.on("open",()=>{bindFormSubmit();focusFirst();});return lightbox;}once("glightbox-newsletter","[data-mc-newsletter]",context).forEach((el)=>{el.addEventListener("click",(e)=>{e.preventDefault();getLightbox().open();});});}};function bindFormSubmit(){const form=document.getElementById("mc-newsletter-form");if(!form||form.dataset.mcBound)return;form.dataset.mcBound="1";form.addEventListener("submit",(e)=>{e.preventDefault();const email=document.getElementById("mc-newsletter-email");if(!email||!email.value||!/\S+@\S+\.\S+/.test(email.value)){showResponse("error","Veuillez entrer une adresse e-mail valide.");return;}showResponse("success","Merci\u00a0! Vérifiez votre boîte e-mail pour confirmer.");setTimeout(()=>form.submit(),900);});}function showResponse(type,message){const error=document.getElementById("mc-newsletter-error");const success=document.getElementById("mc-newsletter-success");if(!error||!success)return;error.style.display="none";success.style.display="none";if(type==="error"){error.textContent=message;error.style.display="block";}else{success.textContent=message;success.style.display="block";}}function focusFirst(){const panel=document.querySelector(".gslide-inline");if(!panel)return;const first=panel.querySelector("input, button, a");if(first)first.focus();}})(Drupal,once);;