import{O as s,w as c,c as u,o as p,a as d}from"./vue-Cm77DuTi.js";import{_ as l}from"./app-QjDgb7aF.js";const _={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=d();function a(){const n=e.value.offsetWidth/t.repeat,o=t.duration/(1/n*3e3);e.value.style.animationDuration=`${o}s`}return c(()=>t.duration,a),u(()=>{a()}),p(()=>{}),{contentEl:e}},render({$slots:t,$style:e,$props:{duration:a,repeat:n,paused:r,reverse:o}}){return s("div",{class:[e.wrap]},[s("span",{ref:"contentEl",class:[r?e.paused:void 0,e.content]},Array(n).fill(s("span",{class:e.text,style:{animationDirection:o?"reverse":void 0}},t.default())))])}},i="_wrap_1hc4p_1",f="_content_1hc4p_9",m="_text_1hc4p_15",h="_marquee_1hc4p_1",x="_paused_1hc4p_24",v={wrap:i,content:f,text:m,marquee:h,paused:x},w={$style:v},q=l(_,[["__cssModules",w]]);export{q as M};
//# sourceMappingURL=MkMarquee-C6oz-io9.js.map
