stop autoclose if user mouseovers the toast

[arashdalir]

we are using the toasts as information boxes on our website and need to keep them open if the user hovers over the toast message. to achieve this, I turned autoclose off (autoclose: false) and added the following code.

but this could also be achieved if a flag like stopAutoCloseOnMouseover would be implemented, which would trigger this behavior.

var notify = new Notify(settings);
    notify.autoclose_mo = true;

    notify.autoCloseMo = function (){
      if(notify.autoclose_mo)
      {
        notify.autoCloseMoTimeout = setTimeout(
          function (){
            notify.close();
          },
          notify.autotimeout + notify.speed
        );
        notify.wrapper.classList.add('notify-autoclose');
        notify.wrapper.style.setProperty('--timeout', notify.autotimeout+notify.speed);
      }
    }

    $(notify.wrapper)
      .on("mouseover", function (){
        if(notify.autoCloseMoTimeout)
        {
          clearTimeout(notify.autoCloseMoTimeout);
          notify.wrapper.classList.add('paused-animation');
        }
      })
      .on("mouseout", function (){
        notify.wrapper.classList.remove('notify-autoclose');
        notify.wrapper.classList.remove('paused-animation');
        void notify.wrapper.offsetWidth;
        notify.autoCloseMo();
      });
    notify.autoCloseMo();

also, following css is important for the timeout bar to stop moving during the mousever:

.paused-animation,
.paused-animation::before{
	animation-play-state: paused !important;
}