popup: Default

<div
 data-popup
  data-popup--id="popup"
  data-popup--expiration="604800"
  data-popup--delay="20"
  data-popup--dismiss="60"
  class= "c-popup o-wrapper o-bg-base u-py-base u-px-xxsmall u-fixed u-bottom u-z-upside">  
  <div class="c-popup__container u-relative o-container u-break-word">
    <input type="checkbox" id="open-pop-up" class="u-none" />
    <label for="open-pop-up" class="u-cursor-pointer c-popup__icon c-popup__icon--chevron c-popup__icon--chevron-down">
    <svg class="o-icon o-icon--md" data-dd-icon="">
      <use
        xmlns:xlink="http://www.w3.org/1999/xlink"
        xlink:href="#icon-chevron-down"
      ></use>
    </svg>
    </label>

    <label for="open-pop-up" class="u-cursor-pointer c-popup__icon c-popup__icon--chevron c-popup__icon--chevron-up">   
    <svg class="o-icon o-icon--md" data-dd-icon="">
      <use
        xmlns:xlink="http://www.w3.org/1999/xlink"
        xlink:href="#icon-chevron-down"
      ></use>
    </svg>
    </label>

    <input type="checkbox" id="close-pop-up" class="u-none" />
    <label data-popup--close for="close-pop-up" class="u-cursor-pointer c-popup__icon c-popup__icon--close">
      <svg class="o-icon o-icon--md" data-dd-icon="">
        <use
          xmlns:xlink="http://www.w3.org/1999/xlink"
          xlink:href="#icon-x"
        ></use>
      </svg>
    </label>
    
    <div class="c-popup__logo c-popup__logo--{{modifier}} u-py-xxsmall">
      {% if modifier=='dossier' %}
        <svg xmlns="http://www.w3.org/2000/svg" class="u-size-full" fill="none" viewBox="0 0 111 24">
          <path fill="currentColor" d="{{ path }}"/>
        </svg>
      {% else %}
        {% render "@brand",{local: true, logo: true, modifier: "small"},true %}
      {% endif %}
    </div>
    <div class="c-popup__content">
      <h2 class="c-popup__title c-popup__title--{{modifier}} u-heading-05 u-inline">
        {{ title }}
      </h2>
      <p class="c-popup__paragraph u-body-04 u-mb-none">
        {{ content }}
      </p>
    </div>
    <a href="#" class="c-popup__cta c-popup__cta--primary c-btn c-btn--secondary u-relative u-flex u-cursor-pointer u-items-center u-nowrap u-label-04 u-justify-center u-no-underline">
      {{ primarycta }}
    </a>
    <button data-popup--close class="c-popup__cta c-popup__cta--secondary c-btn c-btn--naked u-relative  u-flex u-cursor-pointer  u-items-center u-nowrap u-label-04 u-justify-center">
      {{ secondarycta }}
    </button>
  </div>  
</div>

{# <script>
  ~function () {
    if (
      !document.querySelectorAll ||
      !window.NodeList ||
      !NodeList.prototype.forEach
    )
      return;
    var fDialog = function () {
      var fHash = function (sString) {
        sString = "" + sString;
        var iHash = 0;
        var iString = 0;
        for (; iString < sString.length; ++iString) {
          iHash = (iHash << 5) - iHash + sString.charCodeAt(iString);
          iHash = iHash | 0;
        }
        return (iHash >>> 0).toString(36);
      };
      document
        .querySelectorAll("[data-popup]")
        .forEach(function (oNodeDialog) {
          {
            if (oNodeDialog.hasAttribute("data-popup--internal-processed"))
              return;
            oNodeDialog.setAttribute("data-popup--internal-processed", "");
          }
          var bDialog = false;
          var sDialog = fHash(
            (oNodeDialog.getAttribute("data-popup--id") || "").trim()
          );
          var fDelay = (
            oNodeDialog.getAttribute("data-popup--delay") || ""
          ).trim();
          fDelay = parseFloat(fDelay.replace(/,/g, ".")) || 0;
          fDelay = Math.max(0, fDelay);
          setTimeout(function () {
            {
              var aCookie = document.cookie.match(
                new RegExp("\\b__dialog~" + sDialog + "=([^;]*)", "i")
              );
              if (aCookie && aCookie[1]) return;
            }
            {
              var hTimeOut = null;
              var fDismiss = (
                oNodeDialog.getAttribute("data-popup--dismiss") || ""
              ).trim();
              fDismiss = parseFloat(fDismiss.replace(/,/g, ".")) || 0;
              fDismiss = Math.max(0, fDismiss);
              if (fDismiss)
                hTimeOut = setTimeout(function () {
                  hTimeOut = false;
                  oNodeDialog.removeAttribute("data-popup--state-opened");
                  oNodeDialog.classList.remove("popup--state-opened");
                  bDialog = false;
                  if ("open" in oNodeDialog && !oNodeDialog.open) return;
                  try {
                    oNodeDialog.close && oNodeDialog.close();
                  } catch (_) {}
                }, Math.round(fDismiss * 1e3));
            }
            oNodeDialog.addEventListener("close", function () {
              if (hTimeOut) {
                clearTimeout(hTimeOut);
                hTimeOut = null;
              }
              if (bDialog) {
                var fExpiration = (
                  oNodeDialog.getAttribute("data-popup--expiration") || ""
                ).trim();
                fExpiration = parseFloat(fExpiration.replace(/,/g, ".")) || 0;
                if (fExpiration > 0) {
                  var oDate = new Date();
                  oDate.setTime(
                    oDate.getTime() + Math.round(fExpiration * 1e3)
                  );
                  document.cookie =
                    "__dialog~" +
                    sDialog +
                    "=-1; path=/; expires=" +
                    oDate.toGMTString();
                } else if (fExpiration < 0)
                  document.cookie = "__dialog~" + sDialog + "=-1; path=/";
              }
              oNodeDialog.removeAttribute("data-popup--state-opened");
              oNodeDialog.classList.remove("popup--state-opened");
              bDialog = false;
            });
            oNodeDialog
              .querySelectorAll("[data-popup--close]")
              .forEach(function (oNodeClose) {
                var fEvent = function () {
                  if (hTimeOut) {
                    clearTimeout(hTimeOut);
                    hTimeOut = null;
                  }
                  if (bDialog) {
                    var fExpiration =
                      (
                        oNodeClose.getAttribute("data-popup--close") || ""
                      ).trim() ||
                      (
                        oNodeDialog.getAttribute("data-popup--expiration") ||
                        ""
                      ).trim();
                    fExpiration =
                      parseFloat(fExpiration.replace(/,/g, ".")) || 0;
                    if (fExpiration > 0) {
                      var oDate = new Date();
                      oDate.setTime(
                        oDate.getTime() + Math.round(fExpiration * 1e3)
                      );
                      document.cookie =
                        "__dialog~" +
                        sDialog +
                        "=1; path=/; expires=" +
                        oDate.toGMTString();
                    } else if (fExpiration < 0)
                      document.cookie = "__dialog~" + sDialog + "=1; path=/";
                  }
                  oNodeDialog.removeAttribute("data-popup--state-opened");
                  oNodeDialog.classList.remove("popup--state-opened");
                  bDialog = false;
                  if ("open" in oNodeDialog && !oNodeDialog.open) return;
                  try {
                    oNodeDialog.close && oNodeDialog.close();
                  } catch (_) {}
                };
                if (("" + oNodeClose.nodeName).toUpperCase() == "FORM")
                  oNodeClose.addEventListener("submit", fEvent);
                else oNodeClose.addEventListener("click", fEvent);
              });
            bDialog = true;
            oNodeDialog.setAttribute("data-popup--state-opened", "");
            oNodeDialog.classList.add("popup--state-opened");
            try {
              if (oNodeDialog.hasAttribute("data-popup--modal"))
                oNodeDialog.showModal && oNodeDialog.showModal();
              else oNodeDialog.show && oNodeDialog.show();
            } catch (_) {}
          }, Math.round(fDelay * 1e3) || 1);
        });
    };
    {
      var bReady = false;
      var fReady = function () {
        {
          if (bReady) return;
          bReady = true;
        }
        fDialog();
      };
      if (
        document.readyState == "complete" ||
        document.readyState == "interactive"
      ) {
        setTimeout(fReady, 1);
        return;
      }
      document.addEventListener("DOMContentLoaded", fReady);
      window.addEventListener("load", fReady);
    }
  }();
</script> #}
<script>
    ~function () {
      if (
        !document.querySelectorAll ||
        !window.NodeList ||
        !NodeList.prototype.forEach
      )
        return;
      var fDialog = function () {
        var fHash = function (sString) {
          sString = "" + sString;
          var iHash = 0;
          var iString = 0;
          for (; iString < sString.length; ++iString) {
            iHash = (iHash << 5) - iHash + sString.charCodeAt(iString);
            iHash = iHash | 0;
          }
          return (iHash >>> 0).toString(36);
        };
        document
          .querySelectorAll("[data-popup]")
          .forEach(function (oNodeDialog) {
            {
              if (oNodeDialog.hasAttribute("data-popup--internal-processed"))
                return;
              oNodeDialog.setAttribute("data-popup--internal-processed", "");
            }
            var bDialog = false;
            var sDialog = fHash(
              (oNodeDialog.getAttribute("data-popup--id") || "").trim()
            );
            var fDelay = (
              oNodeDialog.getAttribute("data-popup--delay") || ""
            ).trim();
            fDelay = parseFloat(fDelay.replace(/,/g, ".")) || 0;
            fDelay = Math.max(0, fDelay);
            setTimeout(function () {
              {
                var aCookie = document.cookie.match(
                  new RegExp("\\b__popup~" + sDialog + "=([^;]*)", "i")
                );
                if (aCookie && aCookie[1]) return;
              }
              {
                var hTimeOut = null;
                var fDismiss = (
                  oNodeDialog.getAttribute("data-popup--dismiss") || ""
                ).trim();
                fDismiss = parseFloat(fDismiss.replace(/,/g, ".")) || 0;
                fDismiss = Math.max(0, fDismiss);
                if (fDismiss)
                  hTimeOut = setTimeout(function () {
                    hTimeOut = false;
                    oNodeDialog.removeAttribute("data-popup--state-opened");
                    oNodeDialog.classList.remove("popup--state-opened");
                    bDialog = false;
                    if ("open" in oNodeDialog && !oNodeDialog.open) return;
                    try {
                      oNodeDialog.close && oNodeDialog.close();
                    } catch (_) {}
                  }, Math.round(fDismiss * 1e3));
              }
              oNodeDialog.addEventListener("close", function () {
                if (hTimeOut) {
                  clearTimeout(hTimeOut);
                  hTimeOut = null;
                }
                if (bDialog) {
                  var fExpiration = (
                    oNodeDialog.getAttribute("data-popup--expiration") || ""
                  ).trim();
                  fExpiration = parseFloat(fExpiration.replace(/,/g, ".")) || 0;
                  if (fExpiration > 0) {
                    var oDate = new Date();
                    oDate.setTime(
                      oDate.getTime() + Math.round(fExpiration * 1e3)
                    );
                    document.cookie =
                      "__popup~" +
                      sDialog +
                      "=-1; path=/; expires=" +
                      oDate.toGMTString();
                  } else if (fExpiration < 0)
                    document.cookie = "__popup~" + sDialog + "=-1; path=/";
                }
                oNodeDialog.removeAttribute("data-popup--state-opened");
                oNodeDialog.classList.remove("popup--state-opened");
                bDialog = false;
              });
              oNodeDialog
                .querySelectorAll("[data-popup--close]")
                .forEach(function (oNodeClose) {
                  var fEvent = function () {
                    if (hTimeOut) {
                      clearTimeout(hTimeOut);
                      hTimeOut = null;
                    }
                    if (bDialog) {
                      var fExpiration =
                        (
                          oNodeClose.getAttribute("data-popup--close") || ""
                        ).trim() ||
                        (
                          oNodeDialog.getAttribute("data-popup--expiration") ||
                          ""
                        ).trim();
                      fExpiration =
                        parseFloat(fExpiration.replace(/,/g, ".")) || 0;
                      if (fExpiration > 0) {
                        var oDate = new Date();
                        oDate.setTime(
                          oDate.getTime() + Math.round(fExpiration * 1e3)
                        );
                        document.cookie =
                          "__popup~" +
                          sDialog +
                          "=1; path=/; expires=" +
                          oDate.toGMTString();
                      } else if (fExpiration < 0)
                        document.cookie = "__popup~" + sDialog + "=1; path=/";
                    }
                    oNodeDialog.removeAttribute("data-popup--state-opened");
                    oNodeDialog.classList.remove("popup--state-opened");
                    bDialog = false;
                    if ("open" in oNodeDialog && !oNodeDialog.open) return;
                    try {
                      oNodeDialog.close && oNodeDialog.close();
                    } catch (_) {}
                  };
                  if (("" + oNodeClose.nodeName).toUpperCase() == "FORM")
                    oNodeClose.addEventListener("submit", fEvent);
                  else oNodeClose.addEventListener("click", fEvent);
                });
              bDialog = true;
              oNodeDialog.setAttribute("data-popup--state-opened", "");
              oNodeDialog.classList.add("popup--state-opened");
              try {
                if (oNodeDialog.hasAttribute("data-popup--modal"))
                  oNodeDialog.showModal && oNodeDialog.showModal();
                else oNodeDialog.show && oNodeDialog.show();
              } catch (_) {}
            }, Math.round(fDelay * 1e3) || 1);
          });
      };
      {
        var bReady = false;
        var fReady = function () {
          {
            if (bReady) return;
            bReady = true;
          }
          fDialog();
        };
        if (
          document.readyState == "complete" ||
          document.readyState == "interactive"
        ) {
          setTimeout(fReady, 1);
          return;
        }
        document.addEventListener("DOMContentLoaded", fReady);
        window.addEventListener("load", fReady);
      }
      do 
        {
            var popUpCheckbox = document.getElementById("open-pop-up");
            if ( !popUpCheckbox ) break;

            var popUpParagraph= document.querySelector(".c-popup__paragraph")
            if ( !popUpParagraph ) break;

            window.addEventListener('DOMContentLoaded', function(){
            var popupChecked= localStorage.getItem("popup-checked");
            if(popupChecked==='true'){
              popUpCheckbox.checked=true;
              popUpParagraph.classList.add("c-popup_closed")
            }
            })

            popUpCheckbox.addEventListener('change', function(){
              localStorage.setItem('popup-checked', !!popUpCheckbox.checked)

              if( popUpCheckbox.checked )
                popUpParagraph.classList.add('c-popup_closed')
              else
                popUpParagraph.classList.remove('c-popup_closed')
            
            })
        } while ( false );

        {
         var reviveLabels = document.querySelectorAll(".revive-track");
         if(reviveLabels){
            reviveLabels.forEach(function(el) {
              el.addEventListener('click', function(){
                var trackUrl= this.getAttribute('data-revive-url')
              if(trackUrl){
                if(navigator.sendBeacon){
                  navigator.sendBeacon(trackUrl)
                }else{
                  fetch(trackUrl, { mode: 'no-cors', cache: 'no-cache' })
                }

                console.log("Click di Revive")
              }
              })
            })
          }
        }        
    }();

  
  </script>