import{a as c,w as u,e as p,o as d,Q as r}from"./vue-y3KLWBaS.js";import{n as l}from"./app-JmgyQoR0.js";const i={name:"MarqueeText",props:{duration:{type:Number,default:15},repeat:{type:Number,default:2},paused:{type:Boolean,default:!1},reverse:{type:Boolean,default:!1}},setup(t){const e=c();function a(){const n=e.value.offsetWidth/t.repeat,o=3e3,s=t.duration/(1/n*o);e.value.style.animationDuration=`${s}s`}return u(()=>t.duration,a),p(()=>{a()}),d(()=>{}),{contentEl:e}},render({$slots:t,$style:e,$props:{duration:a,repeat:n,paused:o,reverse:s}}){return r("div",{class:[e.wrap]},[r("span",{ref:"contentEl",class:[o?e.paused:void 0,e.content]},Array(n).fill(r("span",{class:e.text,style:{animationDirection:s?"reverse":void 0}},t.default())))])}},_="_wrap_1hc4p_1",f="_content_1hc4p_9",m="_text_1hc4p_15",h="_marquee_1hc4p_1",x="_paused_1hc4p_24",v={wrap:_,content:f,text:m,marquee:h,paused:x},w={$style:v},q=l(i,[["__cssModules",w]]);export{q as M};
