https://goodluck777.com/assets/vue3-marquee-CAlWxV3J.js

1import{ak as e,I as a,J as t,H as r,aq as n,F as o,ap as l,i,w as u,e as v,ae as s,A as d}from"./@vue/runtime-core-BDnBULXz.js";import{p as m,q as c}from"./@vue/shared-CGor2g7m.js";import{e as p}from"./@vue/reactivity-DlgP36GQ.js";!function(){try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.vue3-marquee{display:flex!important;position:relative}.vue3-marquee.horizontal{overflow-x:hidden!important;flex-direction:row!important;width:100%;height:max-content}.vue3-marquee.vertical{overflow-y:hidden!important;flex-direction:column!important;height:100%;width:max-content}.vue3-marquee:hover>.marquee{animation-play-state:var(--pauseOnHover)}.vue3-marquee:active>.marquee{animation-play-state:var(--pauseOnClick)}.vue3-marquee>.marquee{flex:0 0 auto;min-width:var(--min-width);min-height:var(--min-height);z-index:1;animation:var(--orientation) var(--duration) linear var(--delay) var(--loops);animation-play-state:var(--pauseAnimation);animation-direction:var(--direction)}.vue3-marquee.horizontal>.marquee{display:flex;flex-direction:row;align-items:center}.vue3-marquee.vertical>.marquee{display:flex;flex-direction:column;align-items:center}@keyframes scrollX{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes scrollY{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.vue3-marquee>.overlay{position:absolute;width:100%;height:100%}.vue3-marquee>.transparent-overlay{position:absolute;width:100%;height:100%}.vue3-marquee>.overlay:before,.vue3-marquee>.overlay:after{content:"";position:absolute;z-index:2}.vue3-marquee.horizontal>.overlay:before,.vue3-marquee.horizontal>.overlay:after{background:linear-gradient(to right,var(--gradient-color));height:100%;width:var(--gradient-length)}.vue3-marquee.vertical>.overlay:before,.vue3-marquee.vertical>.overlay:after{background:linear-gradient(to bottom,var(--gradient-color));height:var(--gradient-length);width:100%}.vue3-marquee.horizontal>.overlay:after{transform:rotate(180deg)}.vue3-marquee.vertical>.overlay:after{transform:rotate(-180deg)}.vue3-marquee>.overlay:before{left:0;top:0}.vue3-marquee.horizontal>.overlay:after{right:0;top:0}.vue3-marquee.vertical>.overlay:after{left:0;bottom:0}')),document.head.appendChild(e)}}catch(a){}}();var f=Object.defineProperty,h=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,O=(e,a,t)=>a in e?f(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,w=(e,a)=>{for(var t in a||(a={}))y.call(a,t)&&O(e,t,a[t]);if(h)for(var t of h(a))g.call(a,t)&&O(e,t,a[t]);return e},q=(e,a)=>{const t=e.__vccOpts||e;for(const[r,n]of a)t[r]=n;return t};const C=i({props:{vertical:{type:Boolean,default:!1},direction:{type:String,default:"normal"},duration:{type:Number,default:20},delay:{type:Number,default:0},loop:{type:Number,default:0},clone:{type:Boolean,default:!1},gradient:{type:Boolean,default:!1},gradientColor:{type:Array,default:[255,255,255]},gradientWidth:{type:String},gradientLength:{type:String},pauseOnHover:{type:Boolean,default:!1},pauseOnClick:{type:Boolean,default:!1},pause:{type:Boolean,default:!1},animateOnOverflowOnly:{type:Boolean,default:!1}},emits:["onComplete","onLoopComplete","onPause","onResume","onOverflowDetected","onOverflowCleared"],setup(e,{emit:a}){const t=p(0),r=p("100%"),n=p("100%"),o=p(0),l=p(!1),i=p(!0),m=p(0),c=p(0),f=p(0),h=p(0),y=p(!1),g=p(!1),O=p(0),q=p(null),C=p("200px"),b=p(!1),$=p(null),H=p(null),k=async()=>{await x(),o.value++},x=async()=>{e.vertical&&(l.value=!0),setInterval(()=>{if(r.value="0%",n.value="0%",null!==$.value&&null!==H.value&&$.value&&H.value){if(e.vertical&&"clientHeight"in $.value&&"clientHeight"in H.value){h.value=$.value.clientHeight,f.value=H.value.clientHeight;const a=Math.ceil(f.value/h.value);return t.value=e.animateOnOverflowOnly?0:isFinite(a)?a:0,l.value=!1,t.value}if(!e.vertical&&"clientWidth"in $.value&&"clientWidth"in H.value){if(c.value=$.value.clientWidth,m.value=H.value.clientWidth,e.animateOnOverflowOnly&&b.value)return c.value<=m.value?(i.value=!0,a("onOverflowCleared")):(i.value=!1,a("onOverflowDetected")),0;const r=Math.ceil(m.value/c.value);return t.value=isFinite(r)?r:0,t.value}

1return r.value="100%",n.value="100%",0}return r.value="100%",n.value="100%",0},100)};u(c,async()=>{e.clone&&k()}),u(m,async()=>{(e.clone||e.animateOnOverflowOnly)&&k()}),u(()=>e.pause,(e,t)=>{e!==t&&a(e?"onResume":"onPause")});const z=d(()=>e.pause||e.vertical&&l.value||e.animateOnOverflowOnly&&i.value?"paused":"running"),M=d(()=>e.pauseOnHover&&(y.value||g.value)?"paused":e.pauseOnHover||"paused"!==z.value?"running":"paused"),W=d(()=>e.pauseOnHover&&y.value||e.pauseOnClick&&g.value?"paused":e.pauseOnHover||"paused"!==z.value?"running":"paused"),P=d(()=>{const a={"--duration":`${e.duration}s`,"--delay":`${e.delay}s`,"--direction":`${e.direction}`,"--pauseOnHover":`${M.value}`,"--pauseOnClick":`${W.value}`,"--pauseAnimation":`${z.value}`,"--loops":`${0===e.loop?"infinite":e.loop}`,"--gradient-color":`rgba(${e.gradientColor[0]}, ${e.gradientColor[1]}, ${e.gradientColor[2]}, 1), rgba(${e.gradientColor[0]}, ${e.gradientColor[1]}, ${e.gradientColor[2]}, 0)`,"--gradient-length":`${C.value}`,"--min-width":`${r.value}`,"--min-height":`${n.value}`},t={"--orientation":"scrollX",orientation:"horizontal"};e.vertical&&(t["--orientation"]="scrollY");return w(w({},a),t)}),S=d(()=>!!e.gradient),j=async()=>{e.vertical?(n.value="100%",r.value="auto",e.animateOnOverflowOnly):(n.value="auto",e.animateOnOverflowOnly?r.value="auto":r.value="100%"),e.gradient&&(e.gradientWidth?C.value=e.gradientWidth:e.gradientLength&&(C.value=e.gradientLength)),e.clone||e.animateOnOverflowOnly?(await x(),k(),b.value=!0):b.value=!0};return v(async()=>{j(),q.value=setInterval(()=>{O.value++,0!==e.loop&&O.value===e.loop&&(a("onComplete"),clearInterval(q.value)),a("onLoopComplete")},1e3*e.duration)}),s(()=>{clearInterval(q.value)}),{ready:b,contentWidth:c,containerWidth:m,contentHeight:h,containerHeight:f,loopCounter:O,loopInterval:q,mouseOverMarquee:y,mouseDownMarquee:g,minWidth:r,minHeight:n,animateO

1nOverflowPause:i,marqueeContent:$,marqueeOverlayContainer:H,componentKey:o,showGradient:S,cloneAmount:t,ForcesUpdate:k,checkForClone:x,setupMarquee:j,getCurrentStyle:P,hoverStarted:()=>{e.pauseOnHover&&(a("onPause"),y.value=!0)},hoverEnded:()=>{e.pauseOnHover&&(a("onResume"),y.value=!1)},mouseDown:()=>{e.pauseOnClick&&(a("onPause"),g.value=!0)},mouseUp:()=>{e.pauseOnClick&&(a("onResume"),g.value=!1)}}}}),b={class:"transparent-overlay",ref:"marqueeOverlayContainer","aria-hidden":!0},$={class:"marquee",ref:"marqueeContent"},H={key:1,"aria-hidden":!0,class:"marquee"};var k=q(C,[["render",function(i,u,v,s,d,p){return i.ready?(e(),a("div",{class:m(["vue3-marquee",{vertical:i.vertical,horizontal:!i.vertical}]),style:c(i.getCurrentStyle),key:i.componentKey,onMouseenter:u[0]||(u[0]=(...e)=>i.hoverStarted&&i.hoverStarted(...e)),onMouseleave:u[1]||(u[1]=(...e)=>i.hoverEnded&&i.hoverEnded(...e)),onMousedown:u[2]||(u[2]=(...e)=>i.mouseDown&&i.mouseDown(...e)),onMouseup:u[3]||(u[3]=(...e)=>i.mouseUp&&i.mouseUp(...e))},[t("div",b,null,512),i.showGradient?(e(),a("div",{key:0,"aria-hidden":!0,class:m(["overlay",{vertical:i.vertical,horizontal:!i.vertical}])},null,2)):r("",!0),t("div",$,[n(i.$slots,"default")],512),!i.animateOnOverflowOnly||i.animateOnOverflowOnly&&!i.animateOnOverflowPause?(e(),a("div",H,[n(i.$slots,"default")])):r("",!0),(e(!0),a(o,null,l(i.cloneAmount,t=>(e(),a("div",{"aria-hidden":!0,class:"marquee cloned",key:t},[n(i.$slots,"default")]))),128))],38)):r("",!0)}]]),x={install(e,a){var t;const r=null!=(t=null==a?void 0:a.name)?t:"Vue3Marquee";e.component(r,k)}};export{x as i};