import{__esmMin as e}from"./rolldown-runtime.BOLAW3nA.mjs";import{W as t,init_jsx_runtime as n,init_npm_react_18_2 as r,init_ssg_sandbox_shims as i,j as a,p as o,pe as s,q as c,se as l,te as ee,u,ue as d,window as f,ye as te}from"./react.Bj0meKUR.mjs";import{LayoutGroup as ne,frame as re,init_framer_motion_AAE5DXGB as ie,motion as ae,useAnimationFrame as oe,useInView as se,useMotionValue as ce,useReducedMotion as le,useTransform as ue,wrap as de}from"./motion.CAT_sPT1.mjs";import{ControlType as p,RenderTarget as fe,addPropertyControls as pe,init_framer_44VOAY3F as me}from"./framer.BpaiJwmD.mjs";var m,h,g=e((()=>{m=e=>e,h=e=>typeof e==`function`})),_=e((()=>{g()})),he=e((()=>{_()}));function ge(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols==`function`){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}var _e=e((()=>{})),v,y=e((()=>{v={},Object.defineProperty(v,`__esModule`,{value:!0}),v.warning=function(){},v.invariant=function(){},v.__esModule,v.warning,v.invariant})),ve=e((()=>{g()}));function b(e,t){return typeof e==`string`?t?(t[e]??(t[e]=document.querySelectorAll(e)),e=t[e]):e=document.querySelectorAll(e):e instanceof Element&&(e=[e]),Array.from(e||[])}function ye(e,t,{root:n,margin:r,amount:i=`any`}={}){if(typeof IntersectionObserver>`u`)return()=>{};let a=b(e),o=new WeakMap,s=new IntersectionObserver(e=>{e.forEach((e=>{let n=o.get(e.target);if(e.isIntersecting!==!!n)if(e.isIntersecting){let n=t(e);h(n)?o.set(e.target,n):s.unobserve(e.target)}else n&&(n(e),o.delete(e.target))}))},{root:n,rootMargin:r,threshold:typeof i==`number`?i:z[i]});return a.forEach((e=>s.observe(e))),()=>s.disconnect()}function be(e,t){if(t){let{inlineSize:e,blockSize:n}=t[0];return{width:e,height:n}}return e instanceof SVGElement&&`getBBox`in e?e.getBBox():{width:e.offsetWidth,height:e.offsetHeight}}function x({target:e,contentRect:t,borderBoxSize:n}){var r;(r=B.get(e))==null||r.forEach((r=>{r({target:e,contentSize:t,get size(){return be(e,n)}})}))}function S(e){e.forEach(x)}function xe(){typeof ResizeObserver<`u`&&(V=new ResizeObserver(S))}function C(e,t){V||xe();let n=b(e);return n.forEach((e=>{let n=B.get(e);n||(n=new Set,B.set(e,n)),n.add(t),V?.observe(e)})),()=>{n.forEach((e=>{let n=B.get(e);n?.delete(t),n!=null&&n.size||V==null||V.unobserve(e)}))}}function w(){U=()=>{let e={width:f.innerWidth,height:f.innerHeight},t={target:f,size:e,contentSize:e};H.forEach((e=>e(t)))},f.addEventListener(`resize`,U)}function T(e){return H.add(e),U||w(),()=>{H.delete(e),!H.size&&U&&(U=void 0)}}function Se(e,t){return h(e)?T(e):C(e,t)}function E(e,t,n){e.dispatchEvent(new CustomEvent(t,{detail:{originalEvent:n}}))}function D(e,t,n){e.dispatchEvent(new CustomEvent(t,{detail:{originalEntry:n}}))}var O,k,A,j,M,N,P,F,I,L,R,z,B,V,H,U,W,G,K,q=e((()=>{for(let e in i(),g(),he(),_e(),y(),ve(),O=[``,`X`,`Y`,`Z`],k=[`translate`,`scale`,`rotate`,`skew`],A={syntax:`<angle>`,initialValue:`0deg`,toDefaultUnit:e=>e+`deg`},j={translate:{syntax:`<length-percentage>`,initialValue:`0px`,toDefaultUnit:e=>e+`px`},rotate:A,scale:{syntax:`<number>`,initialValue:1,toDefaultUnit:m},skew:A},M=new Map,N=e=>`--motion-${e}`,P=[`x`,`y`,`z`],k.forEach((e=>{O.forEach((t=>{P.push(e+t),M.set(N(e+t),j[e])}))})),new Set(P),F=(e,t)=>document.createElement(`div`).animate(e,t),I={cssRegisterProperty:()=>typeof CSS<`u`&&Object.hasOwnProperty.call(CSS,`registerProperty`),waapi:()=>Object.hasOwnProperty.call(Element.prototype,`animate`),partialKeyframes:()=>{try{F({opacity:[1]})}catch{return!1}return!0},finished:()=>!!F({opacity:[0,1]},{duration:.001}).finished,linearEasing:()=>{try{F({opacity:0},{easing:`linear(0, 1)`})}catch{return!1}return!0}},L={},R={},I)R[e]=()=>(L[e]===void 0&&(L[e]=I[e]()),L[e]);z={any:0,all:1},B=new WeakMap,H=new Set,W={isActive:e=>!!e.inView,subscribe:(e,{enable:t,disable:n},{inViewOptions:r={}})=>{let{once:i}=r,a=ge(r,[`once`]);return ye(e,(r=>{if(t(),D(e,`viewenter`,r),!i)return t=>{n(),D(e,`viewleave`,t)}}),a)}},G=(e,t,n)=>r=>{(!r.pointerType||r.pointerType===`mouse`)&&(n(),E(e,t,r))},K={inView:W,hover:{isActive:e=>!!e.hover,subscribe:(e,{enable:t,disable:n})=>{let r=G(e,`hoverstart`,t),i=G(e,`hoverend`,n);return e.addEventListener(`pointerenter`,r),e.addEventListener(`pointerleave`,i),()=>{e.removeEventListener(`pointerenter`,r),e.removeEventListener(`pointerleave`,i)}}},press:{isActive:e=>!!e.press,subscribe:(e,{enable:t,disable:n})=>{let r=t=>{n(),E(e,`pressend`,t),f.removeEventListener(`pointerup`,r)},i=n=>{t(),E(e,`pressstart`,n),f.addEventListener(`pointerup`,r)};return e.addEventListener(`pointerdown`,i),()=>{e.removeEventListener(`pointerdown`,i),f.removeEventListener(`pointerup`,r)}}}},[...Object.keys(K)]}));function J(e){let{slots:n,gap:r,padding:i,paddingPerSide:ie,paddingTop:p,paddingRight:pe,paddingBottom:me,paddingLeft:m,speed:h,hoverFactor:g,direction:_,alignment:he,sizingOptions:ge,fadeOptions:_e,style:v}=e,{fadeContent:y,overflow:ve,fadeWidth:b,fadeInset:ye,fadeAlpha:be}=_e,{widthType:x,heightType:S}=ge,xe=ie?`${p}px ${pe}px ${me}px ${m}px`:`${i}px`,C=fe.current()===fe.canvas,w=n.filter(Boolean),T=a.count(w),E=T>0;_===!0&&(_=`left`);let D=_===`left`||_===`right`,O=ce(0),k=D?`X`:`Y`,A=_===`left`||_===`top`?`-`:``,j=ue(()=>`translate${k}(${A}${O.get()}px)`),M=s(null),N=l(()=>[t(),t()],[]),[P,F]=te({parent:null,children:null,childrenArea:null}),I=[],L=[],R=0,z=0;C&&(R=T?Math.floor(10/T):0,z=1),!C&&E&&P.parent&&(R=Math.round(P.parent/P.children*2)+1,R=Math.min(R,Ce),z=1);let B=P.childrenArea===null?null:P.childrenArea*(R+1),V=B===null?null:B>we,H=ee(()=>{if(E&&M.current){let e=D?M.current.offsetWidth:M.current.offsetHeight,[t,n]=N,i=t.current?t.current.offsetLeft:0,a=n.current?n.current.offsetLeft+n.current.offsetWidth:0,o=t.current?t.current.offsetTop:0,s=n.current?n.current.offsetTop+n.current.offsetHeight:0,c=a-i,l=s-o,ee=c*l,u=(D?c:l)+r;F({parent:e,children:u,childrenArea:ee})}},[]),U=C?{contentVisibility:`auto`}:{};if(E){if(!C){let e=s(!0);d(()=>(re.read(H),Se(M.current,({contentSize:t})=>{!e.current&&(t.width||t.height)&&re.read(H),e.current=!1})),[])}I=a.map(w,(e,t)=>{let n;t===0&&(n=N[0]),t===w.length-1&&(n=N[1]);let r={width:x?e.props?.width:`100%`,height:S?e.props?.height:`100%`};return o(ne,{inherit:`id`,children:o(`li`,{ref:n,style:r,children:c(e,{style:{...e.props?.style,...r,flexShrink:0,...U},layoutId:e.props.layoutId?e.props.layoutId+`-original-`+t:void 0},e.props?.children)})},t+`-original`)})}if(!C)for(let e=0;e<R;e++)L=[...L,...a.map(w,(t,n)=>{let r={width:x?t.props?.width:`100%`,height:S?t.props?.height:`100%`,willChange:V===!0?`auto`:`transform`};return o(ne,{inherit:`id`,children:o(`li`,{style:r,"aria-hidden":!0,children:c(t,{key:e+` `+n,style:{...t.props?.style,width:x?t.props?.width:`100%`,height:S?t.props?.height:`100%`,flexShrink:0,...U},layoutId:t.props.layoutId?t.props.layoutId+`-dupe-`+e:void 0},t.props?.children)},e+`li`+n)},e+`lg`+n)})];let W=P.children+P.children*Math.round(P.parent/P.children),G=s(null),K=s(null),q=s(0),J=s(!1),Me=le(),Ne=s(null),Q=s(null);if(!C){let e=se(M);X&&(!V||V&&Te)?(d(()=>{if(Me||!W||!h||V===null)return;if(V)try{f.CSS.registerProperty({name:Y,syntax:`<length>`,initialValue:`0px`,inherits:!1})}catch{}let e=V?{[Y]:[`0px`,`${A}${W}px`]}:{transform:[`translate${k}(0px)`,`translate${k}(${A}${W}px)`]};return Q.current=Ne.current.animate(e,{duration:Math.abs(W)/h*1e3,iterations:1/0,easing:`linear`}),()=>Q.current.cancel()},[g,W,h,V]),d(()=>{Q.current&&(e&&Q.current.playState===`paused`?Q.current.play():!e&&Q.current.playState===`running`&&Q.current.pause())},[e])):oe(t=>{if(!W||Me||X)return;G.current===null&&(G.current=t),t-=G.current;let n=(K.current===null?0:t-K.current)*(h/1e3);J.current&&(n*=g),q.current+=n,q.current=de(0,W,q.current),K.current=t,e&&O.set(q.current)})}let Pe=D?`to right`:`to bottom`,Fe=b/2,Ie=100-b/2,Le=Ae(ye,0,Fe),Re=100-ye,$=`linear-gradient(${Pe}, rgba(0, 0, 0, ${be}) ${Le}%, rgba(0, 0, 0, 1) ${Fe}%, rgba(0, 0, 0, 1) ${Ie}%, rgba(0, 0, 0, ${be}) ${Re}%)`;return E?o(`section`,{style:{...Z,opacity:z,WebkitMaskImage:y?$:void 0,MozMaskImage:y?$:void 0,maskImage:y?$:void 0,overflow:ve?`visible`:`hidden`,padding:xe},ref:M,children:u(ae.ul,{ref:Ne,style:{...Z,gap:r,top:_===`bottom`&&je(W)?-W:void 0,left:_===`right`&&je(W)?-W:void 0,placeItems:he,position:`relative`,flexDirection:D?`row`:`column`,...v,willChange:C||V?`auto`:`transform`,transform:X?V?`translate${k}(var(${Y}))`:`none`:j},onMouseEnter:()=>{J.current=!0,Q.current&&(Q.current.playbackRate=g)},onMouseLeave:()=>{J.current=!1,Q.current&&(Q.current.playbackRate=1)},children:[I,L]})}):u(`section`,{style:Ee,children:[o(`div`,{style:De,children:`✨`}),o(`p`,{style:Oe,children:`Connect to Content`}),o(`p`,{style:ke,children:`Add layers or components to infinitely loop on your page.`})]})}var Ce,we,Y,X,Te,Z,Ee,De,Oe,ke,Ae,je,Me=e((()=>{if(i(),n(),r(),me(),ie(),q(),Ce=100,we=5e6,Y=`--ticker-offset`,X=typeof Animation<`u`&&typeof Animation.prototype.updatePlaybackRate==`function`,Te=!0,f!==void 0)try{f.CSS.registerProperty({name:Y,syntax:`<length>`,initialValue:`0px`,inherits:!1})}catch{Te=!1}J.defaultProps={gap:10,padding:10,sizingOptions:{widthType:!0,heightType:!0},fadeOptions:{fadeContent:!0,overflow:!1,fadeWidth:25,fadeAlpha:0,fadeInset:0},direction:!0},pe(J,{slots:{type:p.Array,title:`Children`,control:{type:p.ComponentInstance}},speed:{type:p.Number,title:`Speed`,min:0,max:1e3,defaultValue:100,unit:`%`,displayStepper:!0,step:5},direction:{type:p.Enum,title:`Direction`,options:[`left`,`right`,`top`,`bottom`],optionIcons:[`direction-left`,`direction-right`,`direction-up`,`direction-down`],optionTitles:[`Left`,`Right`,`Top`,`Bottom`],defaultValue:`left`,displaySegmentedControl:!0},alignment:{type:p.Enum,title:`Align`,options:[`flex-start`,`center`,`flex-end`],optionIcons:{direction:{right:[`align-top`,`align-middle`,`align-bottom`],left:[`align-top`,`align-middle`,`align-bottom`],top:[`align-left`,`align-center`,`align-right`],bottom:[`align-left`,`align-center`,`align-right`]}},defaultValue:`center`,displaySegmentedControl:!0},gap:{type:p.Number,title:`Gap`},padding:{title:`Padding`,type:p.FusedNumber,toggleKey:`paddingPerSide`,toggleTitles:[`Padding`,`Padding per side`],valueKeys:[`paddingTop`,`paddingRight`,`paddingBottom`,`paddingLeft`],valueLabels:[`T`,`R`,`B`,`L`],min:0},sizingOptions:{type:p.Object,title:`Sizing`,controls:{widthType:{type:p.Boolean,title:`Width`,enabledTitle:`Auto`,disabledTitle:`Stretch`,defaultValue:!0},heightType:{type:p.Boolean,title:`Height`,enabledTitle:`Auto`,disabledTitle:`Stretch`,defaultValue:!0}}},fadeOptions:{type:p.Object,title:`Clipping`,controls:{fadeContent:{type:p.Boolean,title:`Fade`,defaultValue:!0},overflow:{type:p.Boolean,title:`Overflow`,enabledTitle:`Show`,disabledTitle:`Hide`,defaultValue:!1,hidden(e){return e.fadeContent===!0}},fadeWidth:{type:p.Number,title:`Width`,defaultValue:25,min:0,max:100,unit:`%`,hidden(e){return e.fadeContent===!1}},fadeInset:{type:p.Number,title:`Inset`,defaultValue:0,min:0,max:100,unit:`%`,hidden(e){return e.fadeContent===!1}},fadeAlpha:{type:p.Number,title:`Opacity`,defaultValue:0,min:0,max:1,step:.05,hidden(e){return e.fadeContent===!1}}}},hoverFactor:{type:p.Number,title:`Hover`,min:0,max:1,unit:`x`,defaultValue:1,step:.1,displayStepper:!0,description:`Slows down the speed while you are hovering.`}}),Z={display:`flex`,width:`100%`,height:`100%`,maxWidth:`100%`,maxHeight:`100%`,placeItems:`center`,margin:0,padding:0,listStyleType:`none`,textIndent:`none`},Ee={display:`flex`,width:`100%`,height:`100%`,placeContent:`center`,placeItems:`center`,flexDirection:`column`,color:`#96F`,background:`rgba(136, 85, 255, 0.1)`,fontSize:11,overflow:`hidden`,padding:`20px 20px 30px 20px`},De={fontSize:32,marginBottom:10},Oe={margin:0,marginBottom:10,fontWeight:600,textAlign:`center`},ke={margin:0,opacity:.7,maxWidth:150,lineHeight:1.5,textAlign:`center`},Ae=(e,t,n)=>Math.min(Math.max(e,t),n),je=e=>typeof e==`number`&&!isNaN(e)}));export{J as Ticker,Me as init_Ticker};
//# sourceMappingURL=Ticker.Bx4abPFc.mjs.map