animate.min.js

/*
 * animate.js - https://kodingkhurram.github.io/animate.css-dynamic.demo
 * Version - v3.0.0
 * Licensed under the MIT license - https://opensource.org/licenses/MIT

 * Copyright (c) 2021 Mohammed Khurram (KodingKhurram)
 */

function aniUtil_dramatic(){document.querySelectorAll(".aniUtil_dramatic").forEach(a=>{a.style.opacity="100",a.classList.contains("aniUtil_disabled")||a.classList.contains("animate__animated")||(a.style.opacity="0")})}function view_Animations(){document.querySelectorAll("*[class*='ani_']:not([class*='aniUtil_onClick']):not([class*='aniUtil_onMouse']):not([class*='aniUtil_onKey']):not([class*='aniUtil_disabled'])").forEach(a=>{var i=get_aniClasses(a);"full"===isScrolledIntoView(a)?a.classList.contains("aniUtil_animating")||a.classList.contains("animate__animated")||(a.classList.contains("aniUtil_dramatic")&&(a.style.opacity=100),addClass(a,i),a.classList.add("aniUtil_animating"),a.addEventListener("animationend",()=>{a.classList.remove("aniUtil_animating")})):"no"===isScrolledIntoView(a)&&a.classList.contains("aniUtil_active")&&!a.classList.contains("aniUtil_animating")&&(a.classList.contains("aniUtil_dramatic")&&(a.style.opacity="0"),removeClass(a,i))}),document.querySelectorAll("*[class*='aniCus_tubeLight']:not([class*='aniUtil_onClick']):not([class*='aniUtil_onMouse']):not([class*='aniUtil_onKey']):not([class*='aniUtil_disabled'])").forEach(a=>{"full"===isScrolledIntoView(a)?a.classList.contains("aniUtil_animating")||a.classList.contains("animate__animated")||aniCus_tubeLight(a,1):"no"===isScrolledIntoView(a)&&a.classList.contains("aniUtil_active")&&!a.classList.contains("aniUtil_animating")&&(a.classList.contains("aniUtil_dramatic")&&(a.style.opacity="0"),removeClass(a,"animate__animated animate__fadeIn animate__slower"))}),document.querySelectorAll("*[class*=aniCus_OutIn]:not([class*='aniUtil_onClick']):not([class*='aniUtil_onMouse']):not([class*='aniUtil_onKey']):not([class*='aniUtil_disabled'])").forEach(a=>{var i=get_aniOutInClasses(a),s=i[0],t=i[1];"full"===isScrolledIntoView(a)?a.classList.contains("aniUtil_animating")||a.classList.contains("animate__animated")||aniCus_OutIn(a,1,s,t):"no"===isScrolledIntoView(a)&&a.classList.contains("aniUtil_active")&&!a.classList.contains("aniUtil_animating")&&(a.classList.contains("aniUtil_dramatic")&&(a.style.opacity="0"),removeClass(a,t))})}function click_Animations(){document.querySelectorAll("*[class*='ani_'][class*='aniUtil_onClick']:not([class*='aniUtil_disabled'])").forEach(a=>{var i=get_aniClasses(a);a.classList.contains("aniUtil_onClick")&&a.addEventListener("click",function(){a.classList.contains("aniUtil_disabled")||(a.classList.contains("aniUtil_dramatic")&&(a.style.opacity="0"),addClass(a,i),a.classList.contains("aniUtil_active")?this.addEventListener("animationend",()=>{removeClass(a,i),a.classList.contains("aniUtil_dramatic")&&(a.style.opacity="0")}):a.classList.remove("aniUtil_onClick"))})}),document.querySelectorAll("*[class*='aniCus_clickDisabled']:not([class*='aniUtil_disabled'])").forEach(a=>{a.addEventListener("click",function(){a.classList.contains("aniUtil_disabled")||(a.style.border="2px solid red",addClass(a,"animate__animated animate__shakeX animate__faster"),a.addEventListener("animationend",()=>{a.style.border="revert",removeClass(a,"animate__animated animate__shakeX animate__faster")}))})}),document.querySelectorAll("*[class*='aniCus_tubeLight'][class*='aniUtil_onClick']:not([class*='aniUtil_disabled'])").forEach(a=>{a.classList.contains("aniUtil_onClick")&&!a.classList.contains("aniUtil_animating")&&a.addEventListener("click",function(){a.classList.contains("aniUtil_disabled")||aniCus_tubeLight(a,2)})}),document.querySelectorAll("*[class*=aniCus_OutIn][class*='aniUtil_onClick']:not([class*='aniUtil_disabled'])").forEach(a=>{var i=get_aniOutInClasses(a),s=i[0],t=i[1];a.classList.contains("aniUtil_onClick")&&!a.classList.contains("aniUtil_animating")&&a.addEventListener("click",function(){a.classList.contains("aniUtil_disabled")||aniCus_OutIn(a,2,s,t)})})}function hover_Animations(){document.querySelectorAll("*[class*='ani_'][class*='aniUtil_onMouse']:not([class*='aniUtil_disabled'])").forEach(a=>{var i=get_aniClasses(a);a.classList.contains("aniUtil_onMouse")&&(a.addEventListener("mouseover",function(){a.classList.contains("aniUtil_disabled")||(a.classList.contains("aniUtil_dramatic")&&(a.style.opacity="100"),addClass(a,i),a.classList.contains("aniUtil_onMouseRepeat")?a.classList.add("animate__infinite"):a.classList.contains("aniUtil_active")?this.addEventListener("animationend",()=>{removeClass(a,i),a.classList.contains("aniUtil_dramatic")&&(a.style.opacity="0")}):a.classList.remove("aniUtil_onMouse"))}),a.addEventListener("mouseout",function(){a.classList.contains("aniUtil_onMouseRepeat")&&(a.classList.remove("animate__infinite"),a.classList.contains("aniUtil_active")?this.addEventListener("animationend",()=>{removeClass(a,i),a.classList.contains("aniUtil_dramatic")&&(a.style.opacity="0")}):(a.classList.remove("aniUtil_onMouse"),a.classList.remove("aniUtil_onMouseRepeat")))}))}),document.querySelectorAll("*[class*='aniCus_tubeLight'][class*='aniUtil_onMouse']:not([class*='aniUtil_disabled'])").forEach(a=>{a.classList.contains("aniUtil_onMouse")&&!a.classList.contains("aniUtil_animating")&&a.addEventListener("mouseover",function(){a.classList.contains("aniUtil_disabled")||aniCus_tubeLight(a,3)})}),document.querySelectorAll("*[class*='aniCus_OutIn'][class*='aniUtil_onMouse']:not([class*='aniUtil_disabled'])").forEach(a=>{var i=get_aniOutInClasses(a),s=i[0],t=i[1];a.classList.contains("aniUtil_onMouse")&&!a.classList.contains("aniUtil_animating")&&a.addEventListener("mouseover",function(){a.classList.contains("aniUtil_disabled")||aniCus_OutIn(a,3,s,t)})})}function inner_Animations(){document.querySelectorAll(".aniUtil_scrollDiv").forEach(a=>{a.addEventListener("scroll",function(){var a=this;document.querySelectorAll("*[class*='aniIn_']:not([class*='aniUtil_onClick']):not([class*='aniUtil_onMouse']):not([class*='aniUtil_onKey']):not([class*='aniUtil_disabled'])").forEach(i=>{var s="";i.classList.forEach(a=>{a.match(/^aniIn_/)&&(s="animate__animated animate__"+a.split("_")[1])}),!0===isScrolledIntoDivView(i,a)?(i.classList.contains("aniUtil_dramatic")&&(i.style.opacity="100"),addClass(i,s)):i.classList.contains("aniUtil_active")&&(i.classList.contains("aniUtil_dramatic")&&(i.style.opacity="0"),removeClass(i,s))})})})}function key_Animations(a){var i="*[class*='aniUtil_onKey-"+a.code+"']:not([class*='aniUtil_disabled'])";document.querySelectorAll(i).forEach(a=>{if(a.classList.contains("aniCus_tubeLight"))aniCus_tubeLight(a,4);else if(/aniCus_OutIn-/.test(a.className)){var i,s=get_aniOutInClasses(a);aniCus_OutIn(a,4,s[0],s[1])}else{var t=get_aniClasses(a);a.classList.contains("aniUtil_dramatic")&&(a.style.opacity="100"),addClass(a,t),a.classList.contains("aniUtil_active")&&this.addEventListener("animationend",()=>{removeClass(a,t),a.classList.contains("aniUtil_dramatic")&&(a.style.opacity="0")})}})}function get_aniClasses(a){"object"!=typeof a&&(a=document.querySelector(a));var i="";return a.classList.forEach(a=>{a.match(/^ani_/)&&(i="animate__animated animate__"+a.split("_")[1])}),i}function get_aniOutInClasses(a){var i="",s="";return a.classList.forEach(a=>{a.match(/^aniCus_OutIn/)&&(i="animate__animated animate__"+a.split("-")[1],s="animate__animated animate__"+a.split("-")[2])}),[i,s]}function isScrolledIntoView(a){var i=a.getBoundingClientRect(),s=i.top,t=i.bottom;return s>=0&&t<=window.innerHeight?"full":s<window.innerHeight&&t>=0?"partial":"no"}function isScrolledIntoDivView(a,i){let s=a.getBoundingClientRect(),t=i.getBoundingClientRect();var n=t.top,l=t.bottom,e=s.top;return s.bottom<=l&&e>=n}function aniCus_tubeLight(a,i){2==i||3==i||4==i?a.classList.contains("animate__animated")||a.classList.contains("aniUtil_animating")||(a.classList.contains("aniUtil_dramatic")&&(a.style.opacity="100"),addClass(a,"animate__animated animate__flash animate__repeat-2 animate__faster"),a.classList.add("aniUtil_animating"),a.addEventListener("animationend",()=>{removeClass(a,"animate__animated animate__flash animate__repeat-2 animate__faster"),addClass(a,"animate__animated animate__fadeOut animate__slow"),a.addEventListener("animationend",()=>{removeClass(a,"animate__animated animate__fadeOut animate__slow"),addClass(a,"animate__animated animate__flash animate__faster"),a.addEventListener("animationend",()=>{removeClass(a,"animate__animated animate__flash animate__faster"),addClass(a,"animate__animated animate__fadeIn animate__slower"),a.addEventListener("animationend",()=>{a.classList.contains("aniUtil_active")?removeClass(a,"animate__animated animate__fadeIn animate__slower"):2==i?a.classList.remove("aniUtil_onClick"):3==i&&a.classList.remove("aniUtil_onMouse")})})})}),a.classList.remove("aniUtil_animating")):1!=i||a.classList.contains("animate__animated")||a.classList.contains("aniUtil_animating")||(a.classList.contains("aniUtil_dramatic")&&(a.style.opacity="100"),addClass(a,"animate__animated animate__flash animate__repeat-2 animate__faster"),a.classList.add("aniUtil_animating"),a.addEventListener("animationend",()=>{removeClass(a,"animate__animated animate__flash animate__repeat-2 animate__faster"),addClass(a,"animate__animated animate__fadeOut animate__slow"),a.addEventListener("animationend",()=>{removeClass(a,"animate__animated animate__fadeOut animate__slow"),addClass(a,"animate__animated animate__flash animate__faster"),a.addEventListener("animationend",()=>{removeClass(a,"animate__animated animate__flash animate__faster"),addClass(a,"animate__animated animate__fadeIn animate__slower")})})}),a.classList.remove("aniUtil_animating"))}function aniCus_OutIn(a,i,s,t){2==i||3==i||4==i?a.classList.contains("animate__animated")||a.classList.contains("aniUtil_animating")||(a.classList.contains("aniUtil_dramatic")&&(a.style.opacity="100"),addClass(a,s),a.classList.add("aniUtil_animating"),a.addEventListener("animationend",()=>{removeClass(a,s),addClass(a,t),a.addEventListener("animationend",()=>{a.classList.remove("aniUtil_animating"),a.classList.contains("aniUtil_active")?removeClass(a,t):2==i?a.classList.remove("aniUtil_onClick"):3==i&&a.classList.remove("aniUtil_onMouse")})})):1!=i||a.classList.contains("animate__animated")||a.classList.contains("aniUtil_animating")||(a.classList.contains("aniUtil_dramatic")&&(a.style.opacity="100"),addClass(a,s),a.classList.add("aniUtil_animating"),a.addEventListener("animationend",()=>{removeClass(a,s),addClass(a,t),a.addEventListener("animationend",()=>{a.classList.remove("aniUtil_animating")})}))}function aniCus_text(){document.querySelectorAll("*[class*='aniCus_text']").forEach(a=>{var i=a,s="";i.classList.forEach(a=>{a.match(/^aniCus_text/)&&(s="ani_"+a.split("-")[1])}),a.classList.contains("aniUtil_dramatic")&&(s+=" aniUtil_dramatic",a.classList.remove("aniUtil_dramatic")),a.classList.contains("aniUtil_active")&&(s+=" aniUtil_active"),a.classList.contains("aniUtil_onClick")&&(s+=" aniUtil_onClick"),a.classList.contains("aniUtil_onMouse")&&(s+=" aniUtil_onMouse"),i.innerHTML=i.textContent.replace(/\S/g,(a,i)=>"<span class='"+s+` aniUtil_letter-${i}'>${a}</span>`)}),document.querySelectorAll("*[class*='aniUtil_letter']").forEach(a=>{var i=0;a.classList.forEach(a=>{a.match(/^aniUtil_letter/)&&(i=parseInt(a.split("-")[1])/10,i+="s")}),(a.classList.contains("aniUtil_onClick")||a.classList.contains("aniUtil_onMouse"))&&(i=""),a.style.display="inline-block",a.style.animationDelay=i})}function aniUtil_disable(a){"all"==a?(document.querySelectorAll("*[class*='ani_']").forEach(a=>{a.classList.add("aniUtil_disabled")}),document.querySelectorAll("*[class*='aniIn_']").forEach(a=>{a.classList.add("aniUtil_disabled")}),document.querySelectorAll("*[class*='aniCus_']").forEach(a=>{a.classList.add("aniUtil_disabled")})):"custom"==a?document.querySelectorAll("*[class*='aniCus_']").forEach(a=>{a.classList.add("aniUtil_disabled")}):"seekers"==a?(document.querySelectorAll("*[class*='ani_bounce']").forEach(a=>{a.classList.add("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_flash']").forEach(a=>{a.classList.add("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_pulse']").forEach(a=>{a.classList.add("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_rubberBand']").forEach(a=>{a.classList.add("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_shakeX']").forEach(a=>{a.classList.add("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_shakeY']").forEach(a=>{a.classList.add("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_headShake']").forEach(a=>{a.classList.add("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_swing']").forEach(a=>{a.classList.add("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_tada']").forEach(a=>{a.classList.add("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_wobble']").forEach(a=>{a.classList.add("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_jello']").forEach(a=>{a.classList.add("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_heartBeat']").forEach(a=>{a.classList.add("aniUtil_disabled")})):"specials"==a?(document.querySelectorAll("*[class*='ani_hinge']").forEach(a=>{a.classList.add("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_jackInTheBox']").forEach(a=>{a.classList.add("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_rollIn']").forEach(a=>{a.classList.add("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_rollOut']").forEach(a=>{a.classList.add("aniUtil_disabled")})):document.querySelectorAll("*[class*='ani_"+a+"']").forEach(a=>{a.classList.add("aniUtil_disabled")}),aniUtil_dramatic()}function aniUtil_enable(a){"all"==a?(document.querySelectorAll("*[class*='ani_']").forEach(a=>{a.classList.remove("aniUtil_disabled")}),document.querySelectorAll("*[class*='aniIn_']").forEach(a=>{a.classList.remove("aniUtil_disabled")}),document.querySelectorAll("*[class*='aniCus_']").forEach(a=>{a.classList.remove("aniUtil_disabled")})):"custom"==a?document.querySelectorAll("*[class*='aniCus_']").forEach(a=>{a.classList.remove("aniUtil_disabled")}):"seekers"==a?(document.querySelectorAll("*[class*='ani_bounce']").forEach(a=>{a.classList.remove("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_flash']").forEach(a=>{a.classList.remove("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_pulse']").forEach(a=>{a.classList.remove("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_rubberBand']").forEach(a=>{a.classList.remove("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_shakeX']").forEach(a=>{a.classList.remove("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_shakeY']").forEach(a=>{a.classList.remove("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_headShake']").forEach(a=>{a.classList.remove("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_swing']").forEach(a=>{a.classList.remove("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_tada']").forEach(a=>{a.classList.remove("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_wobble']").forEach(a=>{a.classList.remove("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_jello']").forEach(a=>{a.classList.remove("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_heartBeat']").forEach(a=>{a.classList.remove("aniUtil_disabled")})):"specials"==a?(document.querySelectorAll("*[class*='ani_hinge']").forEach(a=>{a.classList.remove("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_jackInTheBox']").forEach(a=>{a.classList.remove("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_rollIn']").forEach(a=>{a.classList.remove("aniUtil_disabled")}),document.querySelectorAll("*[class*='ani_rollOut']").forEach(a=>{a.classList.remove("aniUtil_disabled")})):document.querySelectorAll("*[class*='ani_"+a+"']").forEach(a=>{a.classList.remove("aniUtil_disabled")}),aniUtil_dramatic()}function aniUtil_animate(a,i){"object"!=typeof a&&(a=document.querySelector(a)),a.classList.contains("aniUtil_disabled")&&a.classList.remove("aniUtil_disabled"),addClass(a,i),a.classList.contains("aniUtil_onClick")||a.classList.contains("aniUtil_onMouse")||view_Animations(),a.classList.contains("aniUtil_onClick")&&click_Animations(),a.classList.contains("aniUtil_onMouse")&&hover_Animations()}function aniUtil_inanimate(a){"object"!=typeof a&&(a=document.querySelector(a)),a.classList.add("aniUtil_disabled")}function aniUtil_reset(a){"object"!=typeof a&&(a=document.querySelector(a)),removeClass(a,get_aniClasses(a)),a.classList.contains("aniUtil_onMouse")||a.classList.contains("aniUtil_onClick")||a.classList.contains("/^aniCus_onKey/")||view_Animations()}function aniUtil_flush(a){"object"!=typeof a&&(a=document.querySelector(a)),removeClass(a,get_aniClasses(a)),a.classList.remove("ani_"+get_aniClasses(a).split("__")[2])}function addClass(a,i){"object"!=typeof a&&(a=document.querySelector(a)),(classList=i.split(" ")).forEach(i=>{a.classList.add(i)})}function removeClass(a,i){"object"!=typeof a&&(a=document.querySelector(a)),(classList=i.split(" ")).forEach(i=>{a.classList.remove(i)})}window.addEventListener("load",function(){aniCus_text(),aniUtil_dramatic(),view_Animations(),click_Animations(),hover_Animations(),inner_Animations()}),window.addEventListener("scroll",function(){view_Animations()}),window.addEventListener("keyup",function(a){key_Animations(a)});