← All changes | assets/build/blocks/heading/view.js +6 -0 2.7.7 → 2.14.0 View file →

		@@ -1,0 +1,6 @@
	1	+(()=>{"use strict";const t=class{constructor(t,i){t&&(this.element=t,this.texts=this.element.querySelectorAll(".ablocks-dynamic-text"),this.index=0,this.intervalId=null,this.isLoop="true"===i.isloop||!0===i.isloop,this.highlightDuration=parseInt(i.duration)||2e3,0!==this.texts.length&&(this.texts[0].classList.add("ablocks-dynamic-text-active"),setTimeout(()=>{this.texts.forEach((t,i)=>{0===i?t.classList.add("ablocks-dynamic-text-active"):t.classList.remove("ablocks-dynamic-text-active")})},100),this.startRotation(),this.onVisibilityChange=this.handleVisibilityChange.bind(this),document.addEventListener("visibilitychange",this.onVisibilityChange)))}startRotation(){this.stopRotation(),this.intervalId=setInterval(()=>{this.index!==this.texts.length-1||this.isLoop?(this.texts[this.index].classList.remove("ablocks-dynamic-text-active"),this.index++,this.index>=this.texts.length&&this.isLoop&&(this.index=0),
	2	+this.texts[this.index].classList.add("ablocks-dynamic-text-active")):this.stopRotation()},this.highlightDuration)}stopRotation(){this.intervalId&&(clearInterval(this.intervalId),this.intervalId=null)}destroy(){this.stopRotation(),this.onVisibilityChange&&(document.removeEventListener("visibilitychange",this.onVisibilityChange),this.onVisibilityChange=null)}handleVisibilityChange(){document.hidden?this.stopRotation():this.startRotation()}},i=class{constructor(t,i){t&&(this.element=t,this.texts=t.querySelectorAll(".ablocks-dynamic-text"),this.currentIndex=0,this.isLoop="true"===i.isloop||!0===i.isloop,this.highlightDuration=parseInt(i.duration)||2e3,this.timeoutId=null,0!==this.texts.length&&(this.texts.forEach(t=>t.classList.remove("ablocks-headline-text-active")),this.showNextText(),this.onVisibilityChange=this.handleVisibilityChange.bind(this),document.addEventListener("visibilitychange",this.onVisibilityChange)))}showNextText(){this.stopRotation(),this.texts.forEach(t=>{
	3	+t.classList.remove("ablocks-headline-text-active"),t.querySelectorAll(".ablocks-dynamic-letter").forEach(t=>{t.classList.remove("ablocks-animation-in"),t.offsetWidth})});const t=this.texts[this.currentIndex],i=Array.from(t.querySelectorAll(".ablocks-dynamic-letter")).filter(t=>""!==t.textContent);i.length>0?this.typeSpeed=.6*this.highlightDuration/i.length:this.typeSpeed=this.highlightDuration;let e=0;this.typeInterval=setInterval(()=>{e<i.length?(i[e].classList.add("ablocks-animation-in"),e++):(clearInterval(this.typeInterval),this.typeInterval=null)},this.typeSpeed),t.classList.add("ablocks-headline-text-active"),this.currentIndex===this.texts.length-1&&!this.isLoop||(this.currentIndex=(this.currentIndex+1)%this.texts.length,this.timeoutId=setTimeout(()=>this.showNextText(),this.highlightDuration))}stopRotation(){this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null),this.typeInterval&&(clearInterval(this.typeInterval),this.typeInterval=null)}destroy(){
	4	+this.stopRotation(),this.onVisibilityChange&&(document.removeEventListener("visibilitychange",this.onVisibilityChange),this.onVisibilityChange=null)}handleVisibilityChange(){document.hidden?this.stopRotation():this.showNextText()}},e=class{constructor(t,i){t&&(this.element=t,this.texts=t.querySelectorAll(".ablocks-dynamic-text"),this.currentIndex=0,this.isLoop="true"===i.isloop||!0===i.isloop,this.highlightDuration=parseInt(i.duration)||2e3,this.timeoutId=null,0!==this.texts.length&&(this.texts.forEach(t=>t.classList.remove("ablocks-headline-text-active")),this.showNextText(),this.onVisibilityChange=this.handleVisibilityChange.bind(this),document.addEventListener("visibilitychange",this.onVisibilityChange)))}showNextText(){this.stopRotation(),this.texts.forEach(t=>{t.classList.remove("ablocks-headline-text-active"),t.querySelectorAll(".ablocks-dynamic-letter").forEach(t=>{t.classList.remove("ablocks-animation-in","ablocks-typing-caret")})})
	5	+;const t=this.texts[this.currentIndex],i=Array.from(t.querySelectorAll(".ablocks-dynamic-letter")).filter(t=>""!==t.textContent);i.length>0?this.typeSpeed=.6*this.highlightDuration/i.length:this.typeSpeed=this.highlightDuration;let e=0;this.typeInterval=setInterval(()=>{e<i.length?(i[e-1]?.classList.remove("ablocks-typing-caret"),i[e].classList.add("ablocks-animation-in","ablocks-typing-caret"),e++):(clearInterval(this.typeInterval),this.typeInterval=null)},this.typeSpeed),t.classList.add("ablocks-headline-text-active"),this.currentIndex===this.texts.length-1&&!this.isLoop||(this.currentIndex=(this.currentIndex+1)%this.texts.length,this.timeoutId=setTimeout(()=>this.showNextText(),this.highlightDuration))}stopRotation(){this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null),this.typeInterval&&(clearInterval(this.typeInterval),this.typeInterval=null)}destroy(){this.stopRotation(),
	6	+this.onVisibilityChange&&(document.removeEventListener("visibilitychange",this.onVisibilityChange),this.onVisibilityChange=null)}handleVisibilityChange(){document.hidden?this.stopRotation():this.showNextText()}};document.addEventListener("DOMContentLoaded",()=>{!function(){const s=document.querySelectorAll(".ablocks-animated-text"),n=(t,i)=>i.some(i=>t.classList.contains(i));!function(t,i,e="ablocksInitialized"){t&&("function"==typeof t.forEach?t:[t]).forEach(t=>{t&&t.dataset&&!t.dataset[e]&&(t.dataset[e]="1",i(t))})}(s,s=>{const a=s.closest(".ablocks-block--heading").dataset;n(s,["ablocks-rotate-slide-down","ablocks-rotate-clip","ablocks-rotate-drop-in","ablocks-rotate-flip","ablocks-rotate-slide"])&&new t(s,a),n(s,["ablocks-rotate-typing"])&&new e(s,a),n(s,["ablocks-rotate-swirl"])&&new i(s,a)},"ablocksHeadingAnimInit")}()})})();