import{t as e}from"./rolldown-runtime.CSVa3Jaz.mjs";import{A as t,C as n,E as r,I as i,M as a,O as o,P as s,S as ee,T as c,b as te,c as l,k as ne,l as re,o as u}from"./react.DIxOEeN3.mjs";import{I as ie,N as ae,R as oe,S as se,U as ce,h as d,r as f,t as le}from"./motion.Bi_5vzkl.mjs";import{H as p,r as m,v as h,w as ue}from"./framer.Cmfh7Wnr.mjs";var g,_=e((()=>{g=e=>e})),v=e((()=>{_()})),de=e((()=>{v()}));function fe(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 pe=e((()=>{})),y,b=e((()=>{y={},Object.defineProperty(y,`__esModule`,{value:!0}),y.warning=function(){},y.invariant=function(){},y.__esModule,y.warning,y.invariant})),x=e((()=>{_()}));function S(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 C(e,t,{root:n,margin:r,amount:i=`any`}={}){if(typeof IntersectionObserver>`u`)return()=>{};let a=S(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);typeof n==`function`?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:U[i]});return a.forEach((e=>s.observe(e))),()=>s.disconnect()}function w(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 T({target:e,contentRect:t,borderBoxSize:n}){var r;(r=W.get(e))==null||r.forEach((r=>{r({target:e,contentSize:t,get size(){return w(e,n)}})}))}function E(e){e.forEach(T)}function me(){typeof ResizeObserver<`u`&&(G=new ResizeObserver(E))}function D(e,t){G||me();let n=S(e);return n.forEach((e=>{let n=W.get(e);n||(n=new Set,W.set(e,n)),n.add(t),G?.observe(e)})),()=>{n.forEach((e=>{let n=W.get(e);n?.delete(t),n!=null&&n.size||G==null||G.unobserve(e)}))}}function O(){q=()=>{let e={width:i.innerWidth,height:i.innerHeight},t={target:i,size:e,contentSize:e};K.forEach((e=>e(t)))},i.addEventListener(`resize`,q)}function k(e){return K.add(e),q||O(),()=>{K.delete(e),!K.size&&q&&(q=void 0)}}function he(e,t){return typeof e==`function`?k(e):D(e,t)}function A(e,t,n){e.dispatchEvent(new CustomEvent(t,{detail:{originalEvent:n}}))}function j(e,t,n){e.dispatchEvent(new CustomEvent(t,{detail:{originalEntry:n}}))}var M,N,P,F,I,L,R,z,B,V,H,U,W,G,K,q,J,Y,X,ge=e((()=>{for(let e in s(),_(),de(),pe(),b(),x(),M=[``,`X`,`Y`,`Z`],N=[`translate`,`scale`,`rotate`,`skew`],P={syntax:`<angle>`,initialValue:`0deg`,toDefaultUnit:e=>e+`deg`},F={translate:{syntax:`<length-percentage>`,initialValue:`0px`,toDefaultUnit:e=>e+`px`},rotate:P,scale:{syntax:`<number>`,initialValue:1,toDefaultUnit:g},skew:P},I=new Map,L=e=>`--motion-${e}`,R=[`x`,`y`,`z`],N.forEach((e=>{M.forEach((t=>{R.push(e+t),I.set(L(e+t),F[e])}))})),new Set(R),z=e=>document.createElement(`div`).animate(e,{duration:.001}),B={cssRegisterProperty:()=>typeof CSS<`u`&&Object.hasOwnProperty.call(CSS,`registerProperty`),waapi:()=>Object.hasOwnProperty.call(Element.prototype,`animate`),partialKeyframes:()=>{try{z({opacity:[1]})}catch{return!1}return!0},finished:()=>!!z({opacity:[0,1]}).finished},V={},H={},B)H[e]=()=>(V[e]===void 0&&(V[e]=B[e]()),V[e]);U={any:0,all:1},W=new WeakMap,K=new Set,J={isActive:e=>!!e.inView,subscribe:(e,{enable:t,disable:n},{inViewOptions:r={}})=>{let{once:i}=r;return C(e,(r=>{if(t(),j(e,`viewenter`,r),!i)return t=>{n(),j(e,`viewleave`,t)}}),fe(r,[`once`]))}},Y=(e,t,n)=>r=>{(!r.pointerType||r.pointerType===`mouse`)&&(n(),A(e,t,r))},X={inView:J,hover:{isActive:e=>!!e.hover,subscribe:(e,{enable:t,disable:n})=>{let r=Y(e,`hoverstart`,t),i=Y(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(),A(e,`pressend`,t),i.removeEventListener(`pointerup`,r)},a=n=>{t(),A(e,`pressstart`,n),i.addEventListener(`pointerup`,r)};return e.addEventListener(`pointerdown`,a),()=>{e.removeEventListener(`pointerdown`,a),i.removeEventListener(`pointerup`,r)}}}},[...Object.keys(X)]}));function Z(e){let{slots:i=[],gap:s,padding:ee,paddingPerSide:u,paddingTop:le,paddingRight:p,paddingBottom:m,paddingLeft:ue,speed:g,hoverFactor:_,direction:v,alignment:de,sizingOptions:fe,fadeOptions:pe,style:y}=e,{fadeContent:b,overflow:x,fadeWidth:S,fadeInset:C,fadeAlpha:w}=pe,{widthType:T,heightType:E}=fe,me=u?`${le}px ${p}px ${m}px ${ue}px`:`${ee}px`,D=h.current(),O=D===h.canvas||D===h.export,k=i.filter(Boolean),A=n.count(k),j=A>0;v===!0&&(v=`left`);let M=v===`left`||v===`right`,N=ie(0),P=ve[v];ce(N,P);let F=c(null),I=o(()=>[{current:null},{current:null}],[]),[L,R]=a({parent:null,children:null}),z=null,B=[],V=0,H=0;O&&(V=A?Math.floor(10/A):0,H=1),!O&&j&&L.parent&&(V=Math.round(L.parent/L.children*2)+1,V=Math.min(V,_e),H=1);let U=ne(()=>{if(j&&F.current){let e=M?F.current.offsetWidth:F.current.offsetHeight,t=I[0].current?M?I[0].current.offsetLeft:I[0].current.offsetTop:0;R({parent:e,children:(I[1].current?M?I[1].current.offsetLeft+I[1].current.offsetWidth:I[1].current.offsetTop+I[1].current.offsetHeight:0)-t+s})}},[]),W=O?{contentVisibility:`auto`}:{};if(j){if(!O){let e=c(!0);te(()=>(d.read(U,!1,!0),he(F.current,({contentSize:t})=>{!e.current&&(t.width||t.height)&&d.read(U,!1,!0),e.current=!1})),[])}z=n.map(k,(e,t)=>{let n;t===0&&(n=I[0]),t===k.length-1&&(n=I[1]);let i={width:T?e.props?.width:`100%`,height:E?e.props?.height:`100%`};return l(f,{inherit:`id`,children:l(`li`,{ref:n,style:i,children:r(e,{style:{...e.props?.style,...i,flexShrink:0,...W},layoutId:e.props.layoutId?e.props.layoutId+`-original-`+t:void 0},e.props?.children)})})})}let G=O?!0:ae(F);if(!O)for(let e=0;e<V;e++)B=B.concat(n.map(k,(t,n)=>l(f,{inherit:`id`,children:l(`li`,{style:{width:T?t.props?.width:`100%`,height:E?t.props?.height:`100%`,willChange:G?`transform`:void 0},"aria-hidden":!0,children:r(t,{key:e+` `+n,style:{...t.props?.style,width:T?t.props?.width:`100%`,height:E?t.props?.height:`100%`,flexShrink:0,...W},layoutId:t.props.layoutId?t.props.layoutId+`-dupe-`+e:void 0},t.props?.children)},e+`li`+n)},e+`lg`+n)));let K=L.children+L.children*Math.round(L.parent/L.children);c(null),c(null),c(0);let q=c(!1),J=oe(),Y=c(null),X=c(null);if(!O){t(()=>{if(!(J||!K||!g))return X.current=Y.current.animate({transform:[P(0),P(K)]},{duration:Math.abs(K)/g*1e3,iterations:1/0,easing:`linear`}),()=>X.current.cancel()},[_,K,g]);let e=ne(()=>{if(!X.current)return;let e=document.hidden;G&&!e&&X.current.playState===`paused`?X.current.play():(!G||e)&&X.current.playState===`running`&&X.current.pause()},[G]);t(()=>{e()},[G,_,K,g]),t(()=>(document.addEventListener(`visibilitychange`,e),()=>{document.removeEventListener(`visibilitychange`,e)}),[e])}let ge=M?`to right`:`to bottom`,Z=S/2,we=100-S/2,Te=`linear-gradient(${ge}, rgba(0, 0, 0, ${w}) ${Ce(C,0,Z)}%, rgba(0, 0, 0, 1) ${Z}%, rgba(0, 0, 0, 1) ${we}%, rgba(0, 0, 0, ${w}) ${100-C}%)`;return j?l(`section`,{style:{...Q,opacity:H,WebkitMaskImage:b?Te:void 0,maskImage:b?Te:void 0,overflow:x?`visible`:`hidden`,padding:me},ref:F,children:re(se.ul,{ref:Y,style:{...Q,gap:s,top:v===`bottom`&&$(K)?-K:void 0,left:v===`right`&&$(K)?-K:void 0,placeItems:de,position:`relative`,flexDirection:M?`row`:`column`,...y,willChange:O||!G?`auto`:`transform`,transform:P(0)},onMouseEnter:()=>{q.current=!0,X.current&&(X.current.playbackRate=_)},onMouseLeave:()=>{q.current=!1,X.current&&(X.current.playbackRate=1)},children:[z,B]})}):re(`section`,{style:ye,children:[l(`div`,{style:be,children:`✨`}),l(`p`,{style:xe,children:`Connect to Content`}),l(`p`,{style:Se,children:`Add layers or components to infinitely loop on your page.`})]})}var _e,ve,Q,ye,be,xe,Se,Ce,$,we=e((()=>{u(),ee(),p(),le(),ge(),_e=100,ve={left:e=>`translateX(-${e}px)`,right:e=>`translateX(${e}px)`,top:e=>`translateY(-${e}px)`,bottom:e=>`translateY(${e}px)`},Z.defaultProps={gap:10,padding:10,sizingOptions:{widthType:!0,heightType:!0},fadeOptions:{fadeContent:!0,overflow:!1,fadeWidth:25,fadeAlpha:0,fadeInset:0},direction:!0},ue(Z,{slots:{type:m.Array,title:`Children`,control:{type:m.ComponentInstance}},speed:{type:m.Number,title:`Speed`,min:0,max:1e3,defaultValue:100,unit:`%`,displayStepper:!0,step:5},direction:{type:m.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:m.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:m.Number,title:`Gap`},padding:{title:`Padding`,type:m.FusedNumber,toggleKey:`paddingPerSide`,toggleTitles:[`Padding`,`Padding per side`],valueKeys:[`paddingTop`,`paddingRight`,`paddingBottom`,`paddingLeft`],valueLabels:[`T`,`R`,`B`,`L`],min:0},sizingOptions:{type:m.Object,title:`Sizing`,controls:{widthType:{type:m.Boolean,title:`Width`,enabledTitle:`Auto`,disabledTitle:`Stretch`,defaultValue:!0},heightType:{type:m.Boolean,title:`Height`,enabledTitle:`Auto`,disabledTitle:`Stretch`,defaultValue:!0}}},fadeOptions:{type:m.Object,title:`Clipping`,controls:{fadeContent:{type:m.Boolean,title:`Fade`,defaultValue:!0},overflow:{type:m.Boolean,title:`Overflow`,enabledTitle:`Show`,disabledTitle:`Hide`,defaultValue:!1,hidden(e){return e.fadeContent===!0}},fadeWidth:{type:m.Number,title:`Width`,defaultValue:25,min:0,max:100,unit:`%`,hidden(e){return e.fadeContent===!1}},fadeInset:{type:m.Number,title:`Inset`,defaultValue:0,min:0,max:100,unit:`%`,hidden(e){return e.fadeContent===!1}},fadeAlpha:{type:m.Number,title:`Opacity`,defaultValue:0,min:0,max:1,step:.05,hidden(e){return e.fadeContent===!1}}}},hoverFactor:{type:m.Number,title:`Hover`,min:0,max:1,unit:`x`,defaultValue:1,step:.1,displayStepper:!0,description:`Slows down the speed while you are hovering.`}}),Q={display:`flex`,width:`100%`,height:`100%`,maxWidth:`100%`,maxHeight:`100%`,placeItems:`center`,margin:0,padding:0,listStyleType:`none`,textIndent:`none`},ye={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`},be={fontSize:32,marginBottom:10},xe={margin:0,marginBottom:10,fontWeight:600,textAlign:`center`},Se={margin:0,opacity:.7,maxWidth:150,lineHeight:1.5,textAlign:`center`},Ce=(e,t,n)=>Math.min(Math.max(e,t),n),$=e=>typeof e==`number`&&!isNaN(e)}));export{we as n,Z as t};
//# sourceMappingURL=Ticker.CqdYdfrM.mjs.map