https://sparksoftcorp.com/_nuxt/style.IsoqD4p3.js

1import{r as l,D as k,k as B,a5 as x,o as N,c as b,a as d,a6 as w,y as p,a4 as V,l as z}from"./entry.Yi1qZrTA.js";const A="_marqueeSlider_1htck_3",M="_marqueeSliderContainer_1htck_11",W="_horizontalAnimation_1htck_1",F="_marqueeSliderContainerVertical_1htck_27",j="_verticalAnimation_1htck_1",D={marqueeSlider:A,marqueeSliderContainer:M,horizontalAnimation:W,marqueeSliderContainerVertical:F,verticalAnimation:j},E=(n,t)=>{const r=n.__vccOpts||n;for(const[u,a]of t)r[u]=a;return r},H=["id"],O=d("div",null,"Hello",-1),R=d("div",null,"From",-1),G=d("div",null,"MarqueeSlider",-1),I={__name:"VueMarqueeSlider",props:{autoWidth:{type:Boolean,default:()=>!1},height:{type:Number,default:()=>200},id:{type:String,required:!0,default:()=>"id"},paused:{type:Boolean,default:()=>!1},repeat:{type:Number,default:()=>10},reverse:{type:Boolean,default:()=>!1},space:{type:Number,default:()=>200},speed:{type:Number,default:()=>1500},vertical:{type:Boolean,default:()=>!1},width:{type:Number,default:()=>100}},setup(n){const t=n;var r=l(null),u=l(0),a=l([]),o=l(0),c=l([]),s=l(null);const m=k(()=>`
2      animation-duration: ${t.speed}ms;
3      animation-direction: ${t.reverse?"reverse":"normal"};
4      animation-play-state: ${t.paused?"paused":"running"};
5      height: ${t.vertical?t.height:"auto"}
6    `);B(()=>{s=x(),C(),_(),v(),f(),g(),h()});function f(){for(let e=0;e<o;e++)c.value.push(a[e].offsetWidth),S(e),t.autoWidth?q(e):$(e);u=c.value.reduce((e,i)=>e+i,0)}function h(){const e=y();for(let i=0;i<e;i++)r.appendChild(a[i].cloneNode(!0))}function y(){return a.length*t.repeat}function _(){a=r.children}function v(){o=a.length}function S(e){t.vertical?a[e].style.marginBottom=`${t.space}px`:a[e].style.marginRight=`${t.space}px`}function $(e){a[e].style.minWidth=`${t.width}px`}function q(e){a[e].style.objectFit="contain"}function C(){r=document.querySelector(`#${t.id} .${t.vertical?s.marqueeSliderContainerVertical:s.marqueeSliderContainer}`)}function g(){t.vertical?r.style.width="auto":t.autoWidth?r.style.width=`${o*(u/o+t.space)}px`:r.style.width=`${o*(t.width+t.space)}px`}return(e,i)=>(N(),b("div",{id:n.id,class:p(e.$style.marqueeSlider)},[d("div",{class:p(n.vertical?e.$style.marqueeSliderContainerVertical:e.$style.marqueeSliderContainer),style:V(z(m))},[w(e.$slots,"default",{},()=>[O,R,G])],6)],10,H))}},K={$style:D},J=E(I,[["__cssModules",K]]);export{J as K};