https://ollion.com/_nuxt/FadeText.CQZbFg6W.js

1import{_ as n,d as a,o as r,c as i,e as o,b as l}from"./entry.Bg2SW8ob.js";const d=a({props:{copy:{type:String,default:()=>""},size:{type:String,default:"large"}},data(){return{delay:100,timer:null}},computed:{classes(){return this.size==="large"?"text-[36px] lg:text-[4em] leading-[1em] font-rhymes":"text-[1.12em] sm:text-[1.3em] md:text-[1.5em] lg:text-[1.5em] leading-[1.5em] font-oracle"},massagedCopy(){return this.copy?this.copy.replaceAll("[[","<i>").replaceAll("]]","</i>"):null},splitCopy(){return this.copy?this.copy.split(" ").map(e=>`<span class="faded-word">${e.replaceAll("[[","<i>").replaceAll("]]","</i>")}</span>`).join(" "):null}},mounted(){setTimeout(()=>{this.$el.querySelectorAll(".faded-word").forEach(t=>{t.addEventListener("transitionend",this.startNextWordAnimation)}),this.startSentence(this.$refs.fade)},500)},methods:{startNextWordAnimation(e){const t=e.target.nextElementSibling;if(t)e.target.removeEventListener("transitionend",this.startNextWordAnimation),t.classList.add("faded-activated");else{const s=e.target.parentElement.nextElementSibling;s!=null&&s.classList.contains("faded-sentence")&&startSentence(s)}},startSentence(e){e&&(this.timer=setTimeout(()=>{e.querySelector(".faded-word").classList.add("faded-activated")},this.delay))}}}),c={class:"copy"},p=["innerHTML"];function m(e,t,s,f,u,h){return r(),i("div",c,[o("h1",{ref:"fade",class:l(e.classes),innerHTML:e.splitCopy},null,10,p)])}const y=n(d,[["render",m]]);export{y as _};