hyperframes 0.6.43 → 0.6.45
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -37,7 +37,7 @@ https://www.w3ctech.com/topic/2226`));let l=n(...s);return l.postcssPlugin=e,l.p
|
|
|
37
37
|
100% { outline-color: transparent; }
|
|
38
38
|
}
|
|
39
39
|
`,document.head.appendChild(n)}for(let n of t)try{document.querySelectorAll(n).forEach(r=>{r.classList.add("__hf-flash"),setTimeout(()=>r.classList.remove("__hf-flash"),e)})}catch(i){_("bridge.flashElements.querySelector",i)}}var fn=null;function di(t){fn=t}function at(t,e){if(fn)try{fn({source:"hf-preview",type:"analytics",event:t,properties:e??{}})}catch(n){_("runtime.analytics.site1",n)}}function fi(t){let e=[],n=l=>{if(typeof l.getAnimations!="function")return[];try{return l.getAnimations()}catch{return[]}},i=(l,a)=>{for(let u of l){try{u.currentTime=a}catch(c){_("runtime.adapters.css.site1",c)}try{u.pause()}catch(c){_("runtime.adapters.css.site2",c)}}},r=l=>{for(let a of l)try{a.play()}catch(u){_("runtime.adapters.css.site3",u)}},o=l=>{for(let a of l)try{a.pause()}catch(u){_("runtime.adapters.css.site4",u)}},s=l=>{l.baseDelay?l.el.style.animationDelay=l.baseDelay:l.el.style.removeProperty("animation-delay"),l.basePlayState?l.el.style.animationPlayState=l.basePlayState:l.el.style.removeProperty("animation-play-state")};return{name:"css",discover:()=>{e=[];let l=document.querySelectorAll("*");for(let a of l){if(!(a instanceof HTMLElement))continue;let u=window.getComputedStyle(a);!u.animationName||u.animationName==="none"||e.push({el:a,baseDelay:a.style.animationDelay||"",basePlayState:a.style.animationPlayState||""})}},seek:l=>{let a=Number(l.time)||0;for(let u of e){if(!u.el.isConnected)continue;let c=t?.resolveStartSeconds?t.resolveStartSeconds(u.el):Number.parseFloat(u.el.getAttribute("data-start")??"0")||0,m=Math.max(0,a-c)*1e3,f=n(u.el);if(f.length>0){i(f,m);continue}u.el.style.animationPlayState="paused",u.el.style.animationDelay=`-${(m/1e3).toFixed(3)}s`}},pause:()=>{for(let l of e){if(!l.el.isConnected)continue;let a=n(l.el);a.length>0&&o(a),s(l)}},play:()=>{for(let l of e)l.el.isConnected&&(s(l),r(n(l.el)))},revert:()=>{e=[]}}}function mi(t){return{name:"gsap",discover:()=>{},seek:e=>{let n=t.getTimeline();if(!n)return;n.pause();let i=Math.max(0,Number(e.time)||0);typeof n.totalTime=="function"?n.totalTime(i,!1):n.seek(i,!1)},pause:()=>{let e=t.getTimeline();e&&e.pause()}}}function pi(){return{name:"animejs",discover:()=>{try{let t=window.anime;if(!t||typeof t.running>"u")return;let e=t.running;if(!Array.isArray(e)||e.length===0)return;let n=window.__hfAnime??[],i=new Set(n);for(let r of e)i.has(r)||n.push(r);window.__hfAnime=n}catch(t){_("runtime.adapters.animejs.site1",t)}},seek:t=>{let e=Math.max(0,(Number(t.time)||0)*1e3),n=window.__hfAnime;if(!(!n||n.length===0))for(let i of n)try{typeof i.seek=="function"&&i.seek(e)}catch(r){_("runtime.adapters.animejs.site2",r)}},pause:()=>{let t=window.__hfAnime;if(!(!t||t.length===0))for(let e of t)try{typeof e.pause=="function"&&e.pause()}catch(n){_("runtime.adapters.animejs.site3",n)}},play:()=>{let t=window.__hfAnime;if(!(!t||t.length===0))for(let e of t)try{typeof e.play=="function"&&e.play()}catch(n){_("runtime.adapters.animejs.site4",n)}},revert:()=>{}}}function gi(){return{name:"lottie",discover:()=>{try{let t=window.lottie;if(t&&typeof t.getRegisteredAnimations=="function"){let e=t.getRegisteredAnimations();if(Array.isArray(e)&&e.length>0){let n=window.__hfLottie??[],i=new Set(n);for(let r of e)i.has(r)||n.push(r);window.__hfLottie=n}}}catch(t){_("runtime.adapters.lottie.site1",t)}},seek:t=>{let e=Math.max(0,Number(t.time)||0),n=window.__hfLottie;if(!(!n||n.length===0))for(let i of n)try{if(hi(i))i.goToAndStop(e*1e3,!1);else if(xi(i)){if(typeof i.setCurrentRawFrameValue=="function"){let r=i.totalFrames??0,o=i.frameRate??30,s=e*o;r>0&&i.setCurrentRawFrameValue(Math.min(s,r-1))}else if(typeof i.seek=="function"){let r=i.duration??1,o=Math.min(100,e/r*100);i.seek(o)}}}catch(r){_("runtime.adapters.lottie.site2",r)}},pause:()=>{let t=window.__hfLottie;if(!(!t||t.length===0))for(let e of t)try{(hi(e)||xi(e))&&e.pause()}catch(n){_("runtime.adapters.lottie.site3",n)}},revert:()=>{}}}function hi(t){return typeof t=="object"&&t!==null&&typeof t.goToAndStop=="function"}function xi(t){return typeof t=="object"&&t!==null&&typeof t.pause=="function"&&("totalFrames"in t||"duration"in t)}var yi=-1;function Lt(t){if(t!==yi){yi=t;try{window.dispatchEvent(new CustomEvent("hf-seek",{detail:{time:t}}))}catch(e){_("runtime.adapters.seek-dispatch.site1",e)}}}function Si(){let t=null,e=0;return{name:"three",discover:()=>{},seek:n=>{t=Math.max(0,Number(n.time)||0),e=t,window.__hfThreeTime=t,Lt(t)},pause:()=>{t==null&&(t=Math.max(0,e))},play:()=>{t=null},revert:()=>{t=null,e=0}}}function bi(){let t=null,e=0;return{name:"typegpu",discover:()=>{},seek:n=>{t=Math.max(0,Number(n.time)||0),e=t,window.__hfTypegpuTime=t,Lt(t)},pause:()=>{t==null&&(t=Math.max(0,e))},play:()=>{t=null},revert:()=>{t=null,e=0}}}function Ai(){let t=globalThis.GPUQueue;if(!t?.prototype?.copyExternalImageToTexture)return;let e=t.prototype.copyExternalImageToTexture;t.prototype.copyExternalImageToTexture=function(n,i,r){if(n?.source instanceof HTMLVideoElement){let o=n.source.nextElementSibling;if(o instanceof HTMLImageElement&&o.classList.contains("__render_frame__")&&o.complete&&o.naturalWidth>0)return e.call(this,{...n,source:o},i,r)}return e.call(this,n,i,r)}}function Ei(){let t=!1,e=0,n=new WeakMap,i=()=>{if(!document.getAnimations)return[];try{return document.getAnimations()}catch{return[]}},r=l=>{let a=Number(l.currentTime);return Number.isFinite(a)&&a>0?a:0},o=(l,a)=>a<=0?l:l>=a?Math.max(0,l-a):l,s=(l,a)=>{let u=n.get(l);if(u)return u;let c={compositionTimeMs:a,animationTimeMs:t?o(r(l),a):r(l)};return n.set(l,c),c};return{name:"waapi",discover:()=>{t=!0;for(let l of i())s(l,e)},seek:l=>{let a=Math.max(0,(Number(l.time)||0)*1e3);e=a;for(let u of i()){let c=t?s(u,a):s(u,0),m=c.animationTimeMs+Math.max(0,a-c.compositionTimeMs);try{u.currentTime=m}catch(f){_("runtime.adapters.waapi.site1",f)}try{u.pause()}catch(f){_("runtime.adapters.waapi.site2",f)}}},pause:()=>{if(document.getAnimations)for(let l of document.getAnimations())try{l.pause()}catch(a){_("runtime.adapters.waapi.site3",a)}}}}function Fi(t){let e=Array.from(document.querySelectorAll("video, audio")),n=t?.shouldIncludeElement?e.filter(s=>t.shouldIncludeElement?.(s)):e.filter(s=>s.hasAttribute("data-start")),i=[],r=[],o=0;for(let s of n){let l=t?.resolveStartSeconds?t.resolveStartSeconds(s):Number.parseFloat(s.dataset.start??"0");if(!Number.isFinite(l))continue;let a=Number.parseFloat(s.dataset.playbackStart??s.dataset.mediaStart??"0")||0,u=s.defaultPlaybackRate,c=Number.isFinite(u)&&u>0?Math.max(.1,Math.min(5,u)):1,m=s.loop,f=Number.isFinite(s.duration)&&s.duration>0?s.duration:null,x=t?.resolveDurationSeconds?.(s)??Number.parseFloat(s.dataset.duration??"");(!Number.isFinite(x)||x<=0)&&f!=null&&(x=Math.max(0,(f-a)/c));let w=Number.isFinite(x)&&x>0?l+x:Number.POSITIVE_INFINITY,E=Number.parseFloat(s.dataset.volume??""),b={el:s,start:l,mediaStart:a,duration:Number.isFinite(x)&&x>0?x:Number.POSITIVE_INFINITY,end:w,volume:Number.isFinite(E)?E:null,playbackRate:c,loop:m,sourceDuration:f};i.push(b),s.tagName==="VIDEO"&&r.push(b),Number.isFinite(w)&&(o=Math.max(o,w))}return{timedMediaEls:n,mediaClips:i,videoClips:r,maxMediaEnd:o}}var mn=new WeakMap,lt=new WeakMap,pn=new WeakSet,Qe=new WeakSet;function rs(t){if(Qe.has(t))return;Qe.add(t);let e=()=>Qe.delete(t);t.addEventListener("playing",e,{once:!0}),t.addEventListener("pause",e,{once:!0}),t.addEventListener("error",e,{once:!0})}var hn=new WeakMap;function Bt(t){return Number.isFinite(t)?Math.max(0,Math.min(1,t)):1}function wi(t){let e=!!(t.outputMuted||t.userMuted);for(let n of t.clips){let{el:i}=n;if(!i.isConnected)continue;let r=(t.timeSeconds-n.start)*n.playbackRate+n.mediaStart;if(t.timeSeconds>=n.start&&t.timeSeconds<n.end&&r>=0){if(n.loop&&n.sourceDuration!=null&&n.sourceDuration>0){let F=n.sourceDuration-n.mediaStart;F>0&&r>=n.sourceDuration&&(r=n.mediaStart+(r-n.mediaStart)%F)}let s=Bt(t.userVolume??1),l=Bt(n.volume??1),a=hn.get(i),u=Bt(i.volume),c=a!==void 0&&Math.abs(u-a)>1e-4?u:l,m=Bt(c*s);i.volume=m,hn.set(i,m),t.onElementVolume?.(i,m),e&&(i.muted=!0),i.preload!=="auto"&&(i.preload="auto");try{i.playbackRate=n.playbackRate*t.playbackRate}catch(F){_("runtime.media.site1",F)}let f=.04,x=2,w=i.currentTime||0,E=Math.abs(w-r),b=r-w,I=mn.get(i);mn.set(i,b);let L=I===void 0,v=!L&&Math.abs(b-I)>.5,ee=E>3,H=E>.5&&(L||v||ee),C=i.tagName==="VIDEO"&&!i.paused,g=I!==void 0&&Math.abs(b-I)<.004,A=!1;if(!C&&!H&&!L&&g&&E>f){let F=(lt.get(i)??0)+1;lt.set(i,F),F>=x&&(A=!0,lt.set(i,0))}else E<=f&<.set(i,0);let N=!C&&t.forceSync&&E>.02;if(H||A||N){try{i.currentTime=r}catch(F){_("runtime.media.site2",F)}if(Math.abs(i.currentTime-r)>.5&&!pn.has(i)){pn.add(i),i.load();try{i.currentTime=r}catch(F){_("runtime.media.site3",F)}}Qe.delete(i)}t.playing&&i.paused&&!Qe.has(i)?(rs(i),i.play().catch(F=>{Qe.delete(i),(F&&typeof F=="object"&&"name"in F?String(F.name??""):"")==="NotAllowedError"&&t.onAutoplayBlocked?.()})):!t.playing&&!i.paused&&i.pause();continue}mn.delete(i),lt.delete(i),pn.delete(i),hn.delete(i),i.paused||i.pause()}}var os=["[data-hyperframes-ignore]","[data-hyperframes-picker-ignore]","[data-hf-ignore]","[data-no-inspect]","[data-no-pick]","[data-hyper-shader-loading]"].join(","),ss=["[data-hyperframes-picker-block]","[data-hyper-shader-loading]"].join(",");function Ni(t){let e=!1,n=null,i=null,r=null,o=null;function s(g,A){try{window.dispatchEvent(new CustomEvent(g,{detail:A}))}catch(N){_("runtime.picker.site1",N)}}function l(g){r=g,s("hyperframe:picker:hovered",{elementInfo:r,isPickMode:e,timestamp:Date.now()})}function a(g){o=g,s("hyperframe:picker:selected",{elementInfo:o,isPickMode:e,timestamp:Date.now()})}function u(g){let A=g.ownerDocument.defaultView;if(!A)return!1;let N=g;for(;N&&N!==document.body&&N!==document.documentElement;){let F=A.getComputedStyle(N);if(F.display==="none"||F.visibility==="hidden"||F.pointerEvents==="none")return!0;let M=Number.parseFloat(F.opacity);if(Number.isFinite(M)&&M<=.01)return!0;N=N.parentElement}return!1}function c(g){if(!g||g===document.body||g===document.documentElement)return!1;let A=g.tagName.toLowerCase();return!(A==="script"||A==="style"||A==="link"||A==="meta"||g.classList.contains("__hf-pick-highlight")||g.closest(os)||u(g))}function m(g){return!!g?.closest(ss)}function f(g){let A=g;if(A.id)return`#${A.id}`;let N=g.getAttribute("data-composition-id");if(N)return`[data-composition-id="${N}"]`;let F=g.getAttribute("data-composition-src");if(F)return`[data-composition-src="${F}"]`;let M=g.getAttribute("data-track-index");if(M)return`[data-track-index="${M}"]`;let k=g.tagName.toLowerCase(),Y=g.parentElement;if(!Y)return k;let G=Y.querySelectorAll(`:scope > ${k}`);if(G.length===1)return k;for(let R=0;R<G.length;R+=1)if(G[R]===g)return`${k}:nth-of-type(${R+1})`;return k}function x(g){let A=g.tagName.toLowerCase(),N=(g.textContent??"").trim().replace(/\s+/g," "),F=(M,k)=>M.length>k?`${M.slice(0,k-1)}\u2026`:M;return A==="h1"||A==="h2"||A==="h3"?"Heading":A==="p"||A==="span"||A==="div"?N.length>0?F(N,56):"Text":A==="img"?"Image":A==="video"?"Video":A==="audio"?"Audio":A==="svg"?"Shape":g.getAttribute("data-composition-src")?"Composition":A==="section"?"Section":`${A.charAt(0).toUpperCase()}${A.slice(1)}`}function w(g,A,N){let F=typeof N=="number"&&N>0?N:8,M=[];if(document.elementsFromPoint)M=document.elementsFromPoint(g,A);else if(document.elementFromPoint){let G=document.elementFromPoint(g,A);M=G?[G]:[]}if(m(M[0]??null))return[];let k={},Y=[];for(let G=0;G<M.length;G+=1){let R=M[G];if(!c(R))continue;let le=`${R.tagName}::${R.id||""}::${G}`;if(!k[le]&&(k[le]=!0,Y.push(R),Y.length>=F))break}return Y}function E(g){let A=g.getBoundingClientRect(),N={};for(let M=0;M<g.attributes.length;M+=1){let k=g.attributes[M];k.name.startsWith("data-")&&(N[k.name]=k.value)}return{id:g.id||null,tagName:g.tagName.toLowerCase(),selector:f(g),label:x(g),boundingBox:{x:A.left,y:A.top,width:A.width,height:A.height},textContent:g.textContent?g.textContent.trim().slice(0,200):null,src:g.getAttribute("src")||g.getAttribute("data-composition-src")||null,dataAttributes:N}}function b(g,A,N){return w(g,A,N).map(E)}function I(g){if(!e)return;let N=w(g.clientX,g.clientY,1)[0]??(g.target instanceof Element?g.target:null);if(!c(N)||n===N)return;n&&n.classList.remove("__hf-pick-highlight"),n=N,N.classList.add("__hf-pick-highlight");let F=E(N);l(F),t.postMessage({source:"hf-preview",type:"element-hovered",elementInfo:F})}function L(g){if(!e)return;g.preventDefault(),g.stopPropagation(),g.stopImmediatePropagation();let A=b(g.clientX,g.clientY,8);A.length!==0&&(l(A[0]??null),t.postMessage({source:"hf-preview",type:"element-pick-candidates",candidates:A,selectedIndex:0,point:{x:g.clientX,y:g.clientY}}))}function v(g){g.key==="Escape"&&(H(),t.postMessage({source:"hf-preview",type:"pick-mode-cancelled"}))}function ee(){e||(e=!0,i=document.createElement("style"),i.textContent=[".__hf-pick-highlight { outline: 2px solid #4f8cf7 !important; outline-offset: 2px; cursor: crosshair !important; }",".__hf-pick-active * { cursor: crosshair !important; }"].join(`
|
|
40
|
-
`),document.head.appendChild(i),document.body.classList.add("__hf-pick-active"),document.addEventListener("mousemove",I,!0),document.addEventListener("click",L,!0),document.addEventListener("keydown",v,!0),s("hyperframe:picker:mode",{isPickMode:!0,timestamp:Date.now()}))}function H(){e&&(e=!1,n&&(n.classList.remove("__hf-pick-highlight"),n=null),i&&(i.remove(),i=null),document.body.classList.remove("__hf-pick-active"),document.removeEventListener("mousemove",I,!0),document.removeEventListener("click",L,!0),document.removeEventListener("keydown",v,!0),s("hyperframe:picker:mode",{isPickMode:!1,timestamp:Date.now()}))}function C(){window.__HF_PICKER_API={enable:ee,disable:H,isActive:()=>e,getHovered:()=>r,getSelected:()=>o,getCandidatesAtPoint:(g,A,N)=>Number.isFinite(g)&&Number.isFinite(A)?b(g,A,N):[],pickAtPoint:(g,A,N)=>{if(!Number.isFinite(g)||!Number.isFinite(A))return null;let F=b(g,A,8);if(!F.length)return null;let M=Math.max(0,Math.min(F.length-1,Number(N??0))),k=F[M]??null;return k?(a(k),t.postMessage({source:"hf-preview",type:"element-picked",elementInfo:k}),H(),k):null},pickManyAtPoint:(g,A,N)=>{if(!Number.isFinite(g)||!Number.isFinite(A))return[];let F=b(g,A,8);if(!F.length)return[];let M=[],k=Array.isArray(N)?N:[0];for(let Y of k){let G=Math.max(0,Math.min(F.length-1,Math.floor(Number(Y)))),R=F[G];if(!R)continue;M.some(Ae=>Ae.selector===R.selector&&Ae.tagName===R.tagName)||M.push(R)}return M.length?(a(M[0]??null),t.postMessage({source:"hf-preview",type:"element-picked-many",elementInfos:M}),H(),M):[]}},s("hyperframe:picker:api-ready",{hasApi:!0,timestamp:Date.now()})}return{enablePickMode:ee,disablePickMode:H,installPickerApi:C}}function Ye(t,e){let n=Number.isFinite(e)&&e>0?e:30,i=Number.isFinite(t)&&t>0?t:0;return Math.floor(i*n+1e-9)/n}function ut(t,e,n){if(t){for(let i of Object.values(t))if(!(!i||i===e))try{n(i)}catch(r){_("runtime.player.site1",r)}}}function Ci(t,e,n){let i=Ye(e,n);return t.pause(),typeof t.totalTime=="function"?t.totalTime(i,!1):t.seek(i,!1),i}function as(t,e,n,i){let r=[];ut(t,e,o=>{o.play(),r.push(o)});try{return Ci(e,n,i)}finally{for(let o of r)try{o.pause()}catch(s){_("runtime.player.site2",s)}}}function ls(t,e){ut(t,e,n=>{n.play()})}function Mi(t){return{_timeline:null,play:()=>{let e=t.getTimeline();if(!e||t.getIsPlaying())return;let n=Math.max(0,Number(t.getSafeDuration?.()??e.duration()??0)||0);n>0&&Math.max(0,Number(e.time())||0)>=n&&(e.pause(),e.seek(0,!1),t.onDeterministicSeek(0),t.setIsPlaying(!1),t.onSyncMedia(0,!1),t.onRenderFrameSeek(0)),typeof e.timeScale=="function"&&e.timeScale(t.getPlaybackRate()),e.play(),ut(t.getTimelineRegistry?.(),e,i=>{typeof i.timeScale=="function"&&i.timeScale(t.getPlaybackRate()),i.play()}),t.onDeterministicPlay(),t.setIsPlaying(!0),t.onShowNativeVideos(),t.onStatePost(!0)},pause:()=>{let e=t.getTimeline();if(!e)return;e.pause(),ut(t.getTimelineRegistry?.(),e,i=>{i.pause()});let n=Math.max(0,Number(e.time())||0);t.onDeterministicSeek(n),t.onDeterministicPause(),t.setIsPlaying(!1),t.onSyncMedia(n,!1),t.onRenderFrameSeek(n),t.onStatePost(!0)},seek:(e,n)=>{let i=t.getTimeline();if(!i)return;let r=Math.max(0,Number(e)||0),o=t.getIsPlaying(),s=as(t.getTimelineRegistry?.(),i,r,t.getCanonicalFps());t.onDeterministicSeek(s),n?.keepPlaying&&o?(typeof i.timeScale=="function"&&i.timeScale(t.getPlaybackRate()),i.play(),ut(t.getTimelineRegistry?.(),i,l=>{typeof l.timeScale=="function"&&l.timeScale(t.getPlaybackRate()),l.play()}),t.onDeterministicPlay(),t.onShowNativeVideos(),t.onSyncMedia(s,!0)):(t.setIsPlaying(!1),t.onSyncMedia(s,!1)),t.onRenderFrameSeek(s),t.onStatePost(!0)},renderSeek:e=>{let n=t.getTimeline(),i=t.getCanonicalFps(),r=n?(ls(t.getTimelineRegistry?.(),n),Ci(n,e,i)):Ye(Math.max(0,Number(e)||0),i);t.onDeterministicSeek(r),t.setIsPlaying(!1),t.onSyncMedia(r,!1),t.onRenderFrameSeek(r),t.onStatePost(!0)},getTime:()=>Number(t.getTimeline()?.time()??0),getDuration:()=>Number(t.getTimeline()?.duration()??0),isPlaying:()=>t.getIsPlaying(),setPlaybackRate:e=>t.setPlaybackRate(e),getPlaybackRate:()=>t.getPlaybackRate()}}function Ti(){return{capturedTimeline:null,isPlaying:!1,rafId:null,currentTime:0,deterministicAdapters:[],parityModeEnabled:!0,canonicalFps:30,bridgeMuted:!1,bridgeVolume:1,mediaOutputMuted:!1,mediaAutoplayBlockedPosted:!1,mediaForceSyncNextTick:!1,playbackRate:1,bridgeLastPostedFrame:-1,bridgeLastPostedAt:0,bridgeLastPostedPlaying:!1,bridgeLastPostedMuted:!1,bridgeMaxPostIntervalMs:80,controlBridgeHandler:null,clampDurationLoggedRaw:null,beforeUnloadHandler:null,domReadyHandler:null,injectedCompStyles:[],injectedCompScripts:[],cachedTimedMediaEls:[],cachedMediaClips:[],cachedVideoClips:[],cachedMediaTimelineDurationSeconds:0,tornDown:!1,maxTimelineDurationSeconds:1800,nativeVisualWatchdogTick:0,transportClock:null,transportRafId:null}}var us="data-hf-authored-duration",cs="data-hf-authored-end";function $e(t){if(t==null||t==="")return null;let e=Number(t);return Number.isFinite(e)?e:null}function ds(t){return $e(t.getAttribute("data-duration"))}function fs(t){return $e(t.getAttribute("data-end"))}function ms(t){return $e(t.getAttribute(us))}function ps(t){return $e(t.getAttribute(cs))}function hs(t){let e=(t??"").trim();if(!e)return null;let n=$e(e);if(n!=null)return{kind:"absolute",value:n};let i=e.match(/^([A-Za-z0-9_.:-]+)(?:\s*([+-])\s*([0-9]*\.?[0-9]+))?$/);if(!i)return null;let r=(i[1]??"").trim();if(!r)return null;let o=i[2]??"+",s=i[3]??"0",l=Number.parseFloat(s),a=Number.isFinite(l)?Math.max(0,l):0,u=o==="-"?-a:a;return{kind:"reference",refId:r,offset:u}}function Ge(t){let e=t.timelineRegistry??{},n=t.includeAuthoredTimingAttrs??!1,i=new WeakMap,r=new WeakMap,o=new Set,s=c=>{let m=document.getElementById(c);return m||(document.querySelector(`[data-composition-id="${CSS.escape(c)}"]`)??null)},l=c=>{let m=r.get(c);if(m!==void 0)return m;let f=null,x=ds(c)??(n?ms(c):null);if(x!=null&&x>0&&(f=x),f==null||f<=0){let w=fs(c)??(n?ps(c):null);if(w!=null){let E=u(c,0),b=w-E;Number.isFinite(b)&&b>0&&(f=b)}}if((f==null||f<=0)&&c instanceof HTMLMediaElement){let w=$e(c.getAttribute("data-playback-start"))??$e(c.getAttribute("data-media-start"))??0;Number.isFinite(c.duration)&&c.duration>w&&(f=c.duration-w)}if(f==null||f<=0){let w=c.getAttribute("data-composition-id");if(w){let E=e[w]??null;if(E&&typeof E.duration=="function")try{let b=Number(E.duration());Number.isFinite(b)&&b>0&&(f=b)}catch(b){_("runtime.startResolver.site1",b)}}}return f!=null&&Number.isFinite(f)&&f>0?(r.set(c,f),f):(r.set(c,null),null)},a=(c,m)=>{if(c.hasAttribute("data-composition-id")){let x=c.parentElement?.closest("[data-composition-id]");return x?u(x,m):0}let f=c.closest("[data-composition-id]");return f?u(f,m):0},u=(c,m)=>{let f=i.get(c);if(f!==void 0)return f??m;if(o.has(c))return m;o.add(c);try{let x=hs(c.getAttribute("data-start"));if(!x){if(c.hasAttribute("data-composition-id")){let L=c.parentElement;if(L&&(L.hasAttribute("data-composition-src")||L.hasAttribute("data-composition-id"))){let v=u(L,m);return i.set(c,v),v}}return i.set(c,m),m}if(x.kind==="absolute"){let L=Math.max(0,x.value),v=Math.max(0,a(c,m)+L);return i.set(c,v),v}let w=s(x.refId);if(!w)return i.set(c,m),m;let E=u(w,0),b=l(w);if(b==null||b<=0){let L=Math.max(0,E+x.offset);return i.set(c,L),L}let I=Math.max(0,E+b+x.offset);return i.set(c,I),I}finally{o.delete(c)}};return{resolveStartForElement:(c,m=0)=>u(c,Math.max(0,m)),resolveDurationForElement:c=>l(c)}}var xs="data-hf-authored-duration",gs="data-hf-authored-end";function we(t){if(t==null||t==="")return null;let e=Number(t);return Number.isFinite(e)?e:null}function xn(t){return we(t.getAttribute("data-duration"))??we(t.getAttribute(xs))}function ki(t){return we(t.getAttribute("data-end"))??we(t.getAttribute(gs))}function gn(...t){let e=t.filter(n=>Number.isFinite(n??null));return e.length===0?null:Math.max(...e)}var _i={composition:0,video:1,image:2,element:3,audio:4};function ys(t){if(t.length===0)return;let e=new Map;for(let s of t){let l=e.get(s.track)??new Set;l.add(s.kind),e.set(s.track,l)}if(!Array.from(e.values()).some(s=>s.size>1))return;let i=0,r=new Map,o=[...e.keys()].sort((s,l)=>s-l);for(let s of o){let l=e.get(s);if(l.size===1)r.set(`${s}:${[...l][0]}`,i++);else{let a=[...l].sort((u,c)=>(_i[u]??99)-(_i[c]??99));for(let u of a)r.set(`${s}:${u}`,i++)}}for(let s of t){let l=`${s.track}:${s.kind}`,a=r.get(l);a!=null&&(s.track=a)}}function dt(t){let e=String(t??"").trim();if(!e)return null;let n=e.toLowerCase();if(n.startsWith("data:")||n.startsWith("javascript:"))return null;try{return new URL(e,document.baseURI).toString()}catch{return e}}function vi(t){let e=t.getAttribute("src")??t.getAttribute("data-src");if(e)return dt(e);let n=t.getAttribute("data-composition-src");if(n)return dt(n);let i=t.querySelector("img[src], video[src], audio[src], source[src]");return i?dt(i.getAttribute("src")):null}function Ss(t){let e=t.className;return typeof e!="string"?null:e.split(/\s+/).map(n=>n.trim()).find(n=>n&&n!=="clip"&&!n.startsWith("__hf-"))??null}function bs(t){if(!t)return null;try{return new URL(t,document.baseURI).pathname.split("/").filter(Boolean).at(-1)??null}catch{return t.split(/[\\/]/).filter(Boolean).at(-1)??null}}function As(t){let e=t.textContent?.replace(/\s+/g," ").trim();return e?e.length>32?`${e.slice(0,31)}...`:e:null}function ct(t){let e=t.replace(/\.[^.]+$/i,"").replace(/[-_]+/g," ").replace(/\s+/g," ").trim();return e?e.replace(/\b\w/g,n=>n.toUpperCase()):t}function Es(t,e,n){let i=t.getAttribute("data-timeline-label")??t.getAttribute("data-label")??t.getAttribute("aria-label")??null;if(i?.trim())return i.trim();let r=t.getAttribute("data-composition-id");if(r)return ct(r);let o=t.id;if(o)return ct(o);let s=Ss(t);if(s)return ct(s);let l=bs(vi(t));if(l)return ct(l);let a=As(t);return a||`${ct(e)} ${n+1}`}function Ri(t){let n=window.__timelines??{},i=Ge({timelineRegistry:n,includeAuthoredTimingAttrs:!0}),r=W=>{if(!W)return null;let T=n[W]??null;if(!T||typeof T.duration!="function")return null;try{let O=Number(T.duration());return Number.isFinite(O)&&O>0?O:null}catch{return null}},o=W=>{let T=we(W.getAttribute("data-duration"));if(T!=null&&T>0)return T;let O=we(W.getAttribute("data-playback-start"))??we(W.getAttribute("data-media-start"))??0;return Number.isFinite(W.duration)&&W.duration>O?Math.max(0,W.duration-O):null},s=()=>{let W=Array.from(document.querySelectorAll("video[data-start], audio[data-start]"));if(W.length===0)return null;let T=0;for(let O of W){let Z=i.resolveStartForElement(O,0);if(!Number.isFinite(Z))continue;let re=o(O);re==null||re<=0||(T=Math.max(T,Math.max(0,Z)+re))}return T>0?T:null},l=W=>{let T=W.trim().toLowerCase();return!(!T||T==="main"||T.includes("caption")||T.includes("ambient"))},a=(W,T)=>{let O=[],Z=null,re=null,U=null,z=W.parentElement;for(;z;){let $=z.getAttribute("data-composition-id");$&&(O.push($),!U&&z!==T&&(U=$),Z==null&&(Z=i.resolveStartForElement(z,0)),re==null&&(re=we(z.getAttribute("data-duration"))??r($)??null)),z=z.parentElement}return{parentCompositionId:U,compositionAncestors:O.reverse(),inheritedStart:Z,inheritedDuration:re}},u=document.querySelector("[data-composition-id]"),c=Array.from(document.querySelectorAll("[data-composition-id]")),m=u?.getAttribute("data-composition-id")??null,f=u?i.resolveStartForElement(u,0):0,x=s(),w=x!=null?Math.max(0,x-Math.max(0,f)):null,E=r(m),b=xn(u??document.body),I=gn(...c.filter(W=>W!==u).map(W=>{let T=i.resolveStartForElement(W,0),O=i.resolveDurationForElement(W)??r(W.getAttribute("data-composition-id"))??null;return!Number.isFinite(T)||O==null||O<=0?null:Math.max(0,T)+O})),L=I!=null?Math.max(0,I-Math.max(0,f)):null,v=typeof E=="number"&&Number.isFinite(E)&&E>0?E:null,ee=typeof b=="number"&&Number.isFinite(b)&&b>0?b:null,H=typeof w=="number"&&Number.isFinite(w)&&w>0?w:null,C=typeof L=="number"&&Number.isFinite(L)&&L>0?L:null,g=gn(H,C),A=v!=null&&g!=null&&v>g+1,N=ee??(A?g:gn(v,H,C)),F=N!=null?Math.min(N,t.maxTimelineDurationSeconds):null,k=(F!=null?f+F:null)??(typeof x=="number"&&Number.isFinite(x)&&x>0?x:null),Y=(W,T)=>!Number.isFinite(T)||T<=0?0:k==null||!Number.isFinite(k)?T:!Number.isFinite(W)||W>=k?0:Math.max(0,Math.min(T,k-W)),G=[],R=[],le=Array.from(document.querySelectorAll("[data-start], [data-track-index], [data-composition-id], video, audio, img")),Ae=0;for(let W=0;W<le.length;W+=1){let T=le[W];if(T===u||["SCRIPT","STYLE","LINK","META","TEMPLATE","NOSCRIPT"].includes(T.tagName))continue;let O=a(T,u),Z=i.resolveStartForElement(T,O.inheritedStart??0),re=T.getAttribute("data-composition-id"),U=xn(T);if((U==null||U<=0)&&re&&re!==m&&(U=r(re)),(U==null||U<=0)&&T instanceof HTMLMediaElement){let ce=we(T.getAttribute("data-playback-start"))??we(T.getAttribute("data-media-start"))??0;Number.isFinite(T.duration)&&T.duration>0&&(U=Math.max(0,T.duration-ce))}if(U==null||U<=0){let ce=O.inheritedDuration;if(ce!=null&&ce>0){let Ee=(O.inheritedStart??0)+ce;U=Math.max(0,Ee-Z)}}if(U==null||U<=0||(U=Y(Z,U),U<=0))continue;let z=Z+U;Ae=Math.max(Ae,z);let $=T.tagName.toLowerCase(),Te=re&&re!==m?"composition":$==="video"?"video":$==="audio"?"audio":$==="img"?"image":"element";G.push({id:T.id||re||null,label:Es(T,Te,G.length),start:Z,duration:U,track:Number.parseInt(T.getAttribute("data-track-index")??T.getAttribute("data-track")??String(W),10)||0,kind:Te,tagName:$,compositionId:T.getAttribute("data-composition-id"),compositionAncestors:O.compositionAncestors,parentCompositionId:O.parentCompositionId,nodePath:null,compositionSrc:dt(T.getAttribute("data-composition-src")),assetUrl:vi(T),timelineRole:T.getAttribute("data-timeline-role"),timelineLabel:T.getAttribute("data-timeline-label"),timelineGroup:T.getAttribute("data-timeline-group"),timelinePriority:we(T.getAttribute("data-timeline-priority"))})}let q=new Set(G.map(W=>W.id)),J=u?.getAttribute("data-composition-id")??null,P=J?n[J]??null:null;if(P&&u){let W=P;if(typeof W.getChildren=="function")try{let T=W.getChildren(!0,!0,!1)??[],O=new Map;for(let U of u.children){let z=U;if(!z.id)continue;let $=z.tagName.toLowerCase();$==="script"||$==="style"||$==="link"||O.set(z,{id:z.id,start:1/0,end:-1/0})}let Z=U=>{let z=U;for(;z;){if(O.has(z))return z;if(z===u)return null;z=z.parentElement}return null};for(let U of T){if(typeof U.targets!="function"||typeof U.startTime!="function"||typeof U.duration!="function")continue;let z=U.startTime(),$=U.parent;for(;$&&$!==P&&typeof $.startTime=="function";)z+=$.startTime(),$=$.parent;let Te=z+U.duration();if(!(!Number.isFinite(z)||!Number.isFinite(Te)))for(let ce of U.targets()){if(!(ce instanceof Element))continue;let Se=Z(ce);if(!Se)continue;let Ee=O.get(Se);Ee&&(Ee.start=Math.min(Ee.start,z),Ee.end=Math.max(Ee.end,Te))}}let re=G.length>0?Math.max(...G.map(U=>U.track))+1:0;for(let[U,z]of O){if(z.start===1/0||z.end===-1/0)continue;let $=U;if(q.has($.id))continue;let Te=Math.max(0,z.end-z.start);if(Te<=0)continue;let ce=Y(z.start,Te);ce<=0||(Ae=Math.max(Ae,z.start+ce),G.push({id:$.id,label:$.getAttribute("data-timeline-label")??$.getAttribute("data-label")??$.getAttribute("aria-label")??$.id,start:z.start,duration:ce,track:Number.parseInt($.getAttribute("data-track-index")??$.getAttribute("data-track")??"",10)||re,kind:"element",tagName:$.tagName.toLowerCase(),compositionId:$.getAttribute("data-composition-id"),compositionAncestors:J?[J]:[],parentCompositionId:J,nodePath:null,compositionSrc:null,assetUrl:null,timelineRole:$.getAttribute("data-timeline-role"),timelineLabel:$.getAttribute("data-timeline-label"),timelineGroup:$.getAttribute("data-timeline-group"),timelinePriority:we($.getAttribute("data-timeline-priority"))}),q.add($.id))}}catch(T){_("runtime.timeline.site1",T)}}if(u&&F!=null&&F>0){let W=G.length>0?Math.max(...G.map(T=>T.track))+1:0;for(let T of u.children){let O=T;if(!O.id||q.has(O.id))continue;let Z=O.getAttribute("data-timeline-role");if(Z!=="overlay"&&Z!=="persistent-overlay")continue;let re=O.tagName.toLowerCase();if(re==="script"||re==="style"||re==="link"||re==="meta"||window.getComputedStyle(O).display==="none")continue;let z=Y(0,F);z<=0||(Ae=Math.max(Ae,z),G.push({id:O.id,label:O.getAttribute("data-timeline-label")??O.getAttribute("data-label")??O.getAttribute("aria-label")??O.id,start:0,duration:z,track:Number.parseInt(O.getAttribute("data-track-index")??O.getAttribute("data-track")??"",10)||W,kind:"element",tagName:re,compositionId:O.getAttribute("data-composition-id"),compositionAncestors:J?[J]:[],parentCompositionId:J,nodePath:null,compositionSrc:null,assetUrl:null,timelineRole:Z,timelineLabel:O.getAttribute("data-timeline-label"),timelineGroup:O.getAttribute("data-timeline-group"),timelinePriority:we(O.getAttribute("data-timeline-priority"))}),q.add(O.id))}}ys(G);for(let W of c){if(W===u)continue;let T=W.getAttribute("data-composition-id");if(!T||!l(T))continue;let O=i.resolveStartForElement(W,0),Z=xn(W);if((Z==null||Z<=0)&&ki(W)!=null){let $=ki(W);Z=Math.max(0,$-O)}let re=r(T),U=Z&&Z>0?Z:re;if(U==null||U<=0)continue;let z=Y(O,U);z<=0||R.push({id:T,label:W.getAttribute("data-label")??T,start:O,duration:z,thumbnailUrl:dt(W.getAttribute("data-thumbnail-url")),avatarName:null})}let K=Math.max(1,Math.min(Math.max(Ae||1,F??0),t.maxTimelineDurationSeconds));return{source:"hf-preview",type:"timeline",durationInFrames:A&&ee==null?Number.POSITIVE_INFINITY:Math.max(1,Math.ceil(K*Math.max(1,t.canonicalFps))),clips:G,scenes:R,compositionWidth:we(u?.getAttribute("data-width"))??1920,compositionHeight:we(u?.getAttribute("data-height"))??1080}}var ae=ns(io(),1),ro=ae.default,zc=ae.default.stringify,jc=ae.default.fromJSON,Vc=ae.default.plugin,$c=ae.default.parse,Gc=ae.default.list,Jc=ae.default.document,Kc=ae.default.comment,Qc=ae.default.atRule,Yc=ae.default.rule,Zc=ae.default.decl,Xc=ae.default.root,ed=ae.default.CssSyntaxError,td=ae.default.Declaration,nd=ae.default.Container,id=ae.default.Processor,rd=ae.default.Document,od=ae.default.Comment,sd=ae.default.Warning,ad=ae.default.AtRule,ld=ae.default.Result,ud=ae.default.Input,cd=ae.default.Rule,dd=ae.default.Root,fd=ae.default.Node;var zn="data-hf-authored-id";function jn(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function Vn(t){return t.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}function ja(t){return t&&t.replace(/[^a-zA-Z0-9_-]/g,n=>`\\${n}`).replace(/^-?\d/,n=>`\\${n}`)}function oo(t){let e=t.trim();return e?Array.from(new Set([e,ja(e)])).filter(Boolean):[]}function Va(t){return!!t&&/[\w-]/.test(t)}function $a(t,e,n){let i=oo(e).sort((l,a)=>a.length-l.length);if(i.length===0)return t;let r="",o=0,s=null;for(let l=0;l<t.length;l+=1){let a=t[l],u=l>0?t[l-1]:"";if(s){r+=a,a===s&&u!=="\\"&&(s=null);continue}if(a==='"'||a==="'"){s=a,r+=a;continue}if(a==="["){o+=1,r+=a;continue}if(a==="]"){o=Math.max(0,o-1),r+=a;continue}if(a==="#"&&o===0){let c=i.find(m=>t.startsWith(m,l+1));if(c){let m=t[l+1+c.length];if(!Va(m)){r+=n,l+=c.length;continue}}}r+=a}return r}function Ga(t,e){let n=e?.trim();return n?$a(t,n,`[${zn}="${Vn(n)}"]`):t}function Ja(t,e,n,i,r){let o=Ga(t,i),s=Ka(o,e,n),l=s.trim();if(!l||/^(html|body|:root|\*)$/i.test(l))return t;let a=new RegExp(`\\[\\s*data-composition-id\\s*=\\s*(["'])${jn(n)}\\1\\s*\\]`,"g");if(a.test(l))return s.replace(a,e);let u=s.match(/^\s*/)?.[0]??"",c=s.match(/\s*$/)?.[0]??"";if(r){let m=i?`[${zn}="${Vn(i)}"]`:null;if(m&&l.startsWith(m)){let f=l.slice(m.length);return`${u}${e}${m}${f}${c}`}}return`${u}${e} ${l}${c}`}function Ka(t,e,n){let i=jn(n),r=String.raw`\[\s*data-composition-id\s*=\s*(?:"${i}"|'${i}')\s*\]`,o=String.raw`\s*\[\s*data-(?:start|duration)\s*=\s*(?:"[^"]*"|'[^']*')\s*\]`;return t.replace(new RegExp(`${r}(?:${o})+`,"g"),e).replace(new RegExp(`(?:${o})+${r}`,"g"),e)}var Qa=new Set(["keyframes","-webkit-keyframes","font-face"]);function Ya(t){return t?.type==="atrule"}function Za(t){let e=t.parent;for(;e;){if(Ya(e)&&Qa.has(e.name.toLowerCase()))return!0;e=e.parent}return!1}function $n(t,e,n,i,r){let o=e.trim();if(!t||!o)return t;let s=n||`[data-composition-id="${Vn(o)}"]`,l=ro.parse(t);return l.walkRules(a=>{Za(a)||(a.selectors=a.selectors.map(u=>Ja(u,s,o,i,r?.compoundAuthoredRoot)))}),l.toResult({map:!1}).css}function so(t,e,n="[HyperFrames] composition script error:",i,r=e,o){let s=JSON.stringify(e),l=JSON.stringify(r),a=JSON.stringify(n),u=jn(e),c=JSON.stringify(o?.trim()||null),m=JSON.stringify(i??null),f=JSON.stringify(String.raw`\[\s*data-composition-id\s*=\s*(?:"${u}"|'${u}')\s*\]`),x=JSON.stringify(String.raw`\s*\[\s*data-(?:start|duration)\s*=\s*(?:"[^"]*"|'[^']*')\s*\]`),w=JSON.stringify(oo(o?.trim()||"")),E=JSON.stringify(t);return`(function(){
|
|
40
|
+
`),document.head.appendChild(i),document.body.classList.add("__hf-pick-active"),document.addEventListener("mousemove",I,!0),document.addEventListener("click",L,!0),document.addEventListener("keydown",v,!0),s("hyperframe:picker:mode",{isPickMode:!0,timestamp:Date.now()}))}function H(){e&&(e=!1,n&&(n.classList.remove("__hf-pick-highlight"),n=null),i&&(i.remove(),i=null),document.body.classList.remove("__hf-pick-active"),document.removeEventListener("mousemove",I,!0),document.removeEventListener("click",L,!0),document.removeEventListener("keydown",v,!0),s("hyperframe:picker:mode",{isPickMode:!1,timestamp:Date.now()}))}function C(){window.__HF_PICKER_API={enable:ee,disable:H,isActive:()=>e,getHovered:()=>r,getSelected:()=>o,getCandidatesAtPoint:(g,A,N)=>Number.isFinite(g)&&Number.isFinite(A)?b(g,A,N):[],pickAtPoint:(g,A,N)=>{if(!Number.isFinite(g)||!Number.isFinite(A))return null;let F=b(g,A,8);if(!F.length)return null;let M=Math.max(0,Math.min(F.length-1,Number(N??0))),k=F[M]??null;return k?(a(k),t.postMessage({source:"hf-preview",type:"element-picked",elementInfo:k}),H(),k):null},pickManyAtPoint:(g,A,N)=>{if(!Number.isFinite(g)||!Number.isFinite(A))return[];let F=b(g,A,8);if(!F.length)return[];let M=[],k=Array.isArray(N)?N:[0];for(let Y of k){let G=Math.max(0,Math.min(F.length-1,Math.floor(Number(Y)))),R=F[G];if(!R)continue;M.some(Ae=>Ae.selector===R.selector&&Ae.tagName===R.tagName)||M.push(R)}return M.length?(a(M[0]??null),t.postMessage({source:"hf-preview",type:"element-picked-many",elementInfos:M}),H(),M):[]}},s("hyperframe:picker:api-ready",{hasApi:!0,timestamp:Date.now()})}return{enablePickMode:ee,disablePickMode:H,installPickerApi:C}}function Ye(t,e){let n=Number.isFinite(e)&&e>0?e:30,i=Number.isFinite(t)&&t>0?t:0;return Math.floor(i*n+1e-9)/n}function ut(t,e,n){if(t){for(let i of Object.values(t))if(!(!i||i===e))try{n(i)}catch(r){_("runtime.player.site1",r)}}}function Ci(t,e,n){let i=Ye(e,n);return t.pause(),typeof t.totalTime=="function"?t.totalTime(i,!1):t.seek(i,!1),i}function as(t,e,n,i){let r=[];ut(t,e,o=>{o.play(),r.push(o)});try{return Ci(e,n,i)}finally{for(let o of r)try{o.pause()}catch(s){_("runtime.player.site2",s)}}}function ls(t,e){ut(t,e,n=>{n.play()})}function Mi(t){return{_timeline:null,play:()=>{let e=t.getTimeline();if(!e||t.getIsPlaying())return;let n=Math.max(0,Number(t.getSafeDuration?.()??e.duration()??0)||0);n>0&&Math.max(0,Number(e.time())||0)>=n&&(e.pause(),e.seek(0,!1),t.onDeterministicSeek(0),t.setIsPlaying(!1),t.onSyncMedia(0,!1),t.onRenderFrameSeek(0)),typeof e.timeScale=="function"&&e.timeScale(t.getPlaybackRate()),e.play(),ut(t.getTimelineRegistry?.(),e,i=>{typeof i.timeScale=="function"&&i.timeScale(t.getPlaybackRate()),i.play()}),t.onDeterministicPlay(),t.setIsPlaying(!0),t.onShowNativeVideos(),t.onStatePost(!0)},pause:()=>{let e=t.getTimeline();if(!e)return;e.pause(),ut(t.getTimelineRegistry?.(),e,i=>{i.pause()});let n=Math.max(0,Number(e.time())||0);t.onDeterministicSeek(n),t.onDeterministicPause(),t.setIsPlaying(!1),t.onSyncMedia(n,!1),t.onRenderFrameSeek(n),t.onStatePost(!0)},seek:(e,n)=>{let i=t.getTimeline();if(!i)return;let r=Math.max(0,Number(e)||0),o=t.getIsPlaying(),s=as(t.getTimelineRegistry?.(),i,r,t.getCanonicalFps());t.onDeterministicSeek(s),n?.keepPlaying&&o?(typeof i.timeScale=="function"&&i.timeScale(t.getPlaybackRate()),i.play(),ut(t.getTimelineRegistry?.(),i,l=>{typeof l.timeScale=="function"&&l.timeScale(t.getPlaybackRate()),l.play()}),t.onDeterministicPlay(),t.onShowNativeVideos(),t.onSyncMedia(s,!0)):(t.setIsPlaying(!1),t.onSyncMedia(s,!1)),t.onRenderFrameSeek(s),t.onStatePost(!0)},renderSeek:e=>{let n=t.getTimeline(),i=t.getCanonicalFps(),r=n?(ls(t.getTimelineRegistry?.(),n),Ci(n,e,i)):Ye(Math.max(0,Number(e)||0),i);t.onDeterministicSeek(r),t.setIsPlaying(!1),t.onSyncMedia(r,!1),t.onRenderFrameSeek(r),t.onStatePost(!0)},getTime:()=>Number(t.getTimeline()?.time()??0),getDuration:()=>Number(t.getTimeline()?.duration()??0),isPlaying:()=>t.getIsPlaying(),setPlaybackRate:e=>t.setPlaybackRate(e),getPlaybackRate:()=>t.getPlaybackRate()}}function Ti(){return{capturedTimeline:null,isPlaying:!1,rafId:null,currentTime:0,deterministicAdapters:[],parityModeEnabled:!0,canonicalFps:30,bridgeMuted:!1,bridgeVolume:1,mediaOutputMuted:!1,mediaAutoplayBlockedPosted:!1,mediaForceSyncNextTick:!1,playbackRate:1,bridgeLastPostedFrame:-1,bridgeLastPostedAt:0,bridgeLastPostedPlaying:!1,bridgeLastPostedMuted:!1,bridgeMaxPostIntervalMs:80,controlBridgeHandler:null,clampDurationLoggedRaw:null,beforeUnloadHandler:null,domReadyHandler:null,injectedCompStyles:[],injectedCompScripts:[],cachedTimedMediaEls:[],cachedMediaClips:[],cachedVideoClips:[],cachedMediaTimelineDurationSeconds:0,tornDown:!1,maxTimelineDurationSeconds:1800,nativeVisualWatchdogTick:0,transportClock:null,transportRafId:null}}var us="data-hf-authored-duration",cs="data-hf-authored-end";function $e(t){if(t==null||t==="")return null;let e=Number(t);return Number.isFinite(e)?e:null}function ds(t){return $e(t.getAttribute("data-duration"))}function fs(t){return $e(t.getAttribute("data-end"))}function ms(t){return $e(t.getAttribute(us))}function ps(t){return $e(t.getAttribute(cs))}function hs(t){let e=(t??"").trim();if(!e)return null;let n=$e(e);if(n!=null)return{kind:"absolute",value:n};let i=e.match(/^([A-Za-z0-9_.:-]+)(?:\s*([+-])\s*([0-9]*\.?[0-9]+))?$/);if(!i)return null;let r=(i[1]??"").trim();if(!r)return null;let o=i[2]??"+",s=i[3]??"0",l=Number.parseFloat(s),a=Number.isFinite(l)?Math.max(0,l):0,u=o==="-"?-a:a;return{kind:"reference",refId:r,offset:u}}function Ge(t){let e=t.timelineRegistry??{},n=t.includeAuthoredTimingAttrs??!1,i=new WeakMap,r=new WeakMap,o=new Set,s=c=>{let m=document.getElementById(c);return m||(document.querySelector(`[data-composition-id="${CSS.escape(c)}"]`)??null)},l=c=>{let m=r.get(c);if(m!==void 0)return m;let f=null,x=ds(c)??(n?ms(c):null);if(x!=null&&x>0&&(f=x),f==null||f<=0){let w=fs(c)??(n?ps(c):null);if(w!=null){let E=u(c,0),b=w-E;Number.isFinite(b)&&b>0&&(f=b)}}if((f==null||f<=0)&&c instanceof HTMLMediaElement){let w=$e(c.getAttribute("data-playback-start"))??$e(c.getAttribute("data-media-start"))??0;Number.isFinite(c.duration)&&c.duration>w&&(f=c.duration-w)}if(f==null||f<=0){let w=c.getAttribute("data-composition-id");if(w){let E=e[w]??null;if(E&&typeof E.duration=="function")try{let b=Number(E.duration());Number.isFinite(b)&&b>0&&(f=b)}catch(b){_("runtime.startResolver.site1",b)}}}return f!=null&&Number.isFinite(f)&&f>0?(r.set(c,f),f):(r.set(c,null),null)},a=(c,m)=>{if(c.hasAttribute("data-composition-id")){let x=c.parentElement?.closest("[data-composition-id]");return x?u(x,m):0}let f=c.closest("[data-composition-id]");return f?u(f,m):0},u=(c,m)=>{let f=i.get(c);if(f!==void 0)return f??m;if(o.has(c))return m;o.add(c);try{let x=hs(c.getAttribute("data-start"));if(!x){if(c.hasAttribute("data-composition-id")){let L=c.parentElement;if(L&&(L.hasAttribute("data-composition-src")||L.hasAttribute("data-composition-id"))){let v=u(L,m);return i.set(c,v),v}}return i.set(c,m),m}if(x.kind==="absolute"){let L=Math.max(0,x.value),v=Math.max(0,a(c,m)+L);return i.set(c,v),v}let w=s(x.refId);if(!w)return i.set(c,m),m;let E=u(w,0),b=l(w);if(b==null||b<=0){let L=Math.max(0,E+x.offset);return i.set(c,L),L}let I=Math.max(0,E+b+x.offset);return i.set(c,I),I}finally{o.delete(c)}};return{resolveStartForElement:(c,m=0)=>u(c,Math.max(0,m)),resolveDurationForElement:c=>l(c)}}var xs="data-hf-authored-duration",gs="data-hf-authored-end";function we(t){if(t==null||t==="")return null;let e=Number(t);return Number.isFinite(e)?e:null}function xn(t){return we(t.getAttribute("data-duration"))??we(t.getAttribute(xs))}function ki(t){return we(t.getAttribute("data-end"))??we(t.getAttribute(gs))}function gn(...t){let e=t.filter(n=>Number.isFinite(n??null));return e.length===0?null:Math.max(...e)}var _i={composition:0,video:1,image:2,element:3,audio:4};function ys(t){if(t.length===0)return;let e=new Map;for(let s of t){let l=e.get(s.track)??new Set;l.add(s.kind),e.set(s.track,l)}if(!Array.from(e.values()).some(s=>s.size>1))return;let i=0,r=new Map,o=[...e.keys()].sort((s,l)=>s-l);for(let s of o){let l=e.get(s);if(l.size===1)r.set(`${s}:${[...l][0]}`,i++);else{let a=[...l].sort((u,c)=>(_i[u]??99)-(_i[c]??99));for(let u of a)r.set(`${s}:${u}`,i++)}}for(let s of t){let l=`${s.track}:${s.kind}`,a=r.get(l);a!=null&&(s.track=a)}}function dt(t){let e=String(t??"").trim();if(!e)return null;let n=e.toLowerCase();if(n.startsWith("data:")||n.startsWith("javascript:"))return null;try{return new URL(e,document.baseURI).toString()}catch{return e}}function vi(t){let e=t.getAttribute("src")??t.getAttribute("data-src");if(e)return dt(e);let n=t.getAttribute("data-composition-src");if(n)return dt(n);let i=t.querySelector("img[src], video[src], audio[src], source[src]");return i?dt(i.getAttribute("src")):null}function Ss(t){let e=t.className;return typeof e!="string"?null:e.split(/\s+/).map(n=>n.trim()).find(n=>n&&n!=="clip"&&!n.startsWith("__hf-"))??null}function bs(t){if(!t)return null;try{return new URL(t,document.baseURI).pathname.split("/").filter(Boolean).at(-1)??null}catch{return t.split(/[\\/]/).filter(Boolean).at(-1)??null}}function As(t){let e=t.textContent?.replace(/\s+/g," ").trim();return e?e.length>32?`${e.slice(0,31)}...`:e:null}function ct(t){let e=t.replace(/\.[^.]+$/i,"").replace(/[-_]+/g," ").replace(/\s+/g," ").trim();return e?e.replace(/\b\w/g,n=>n.toUpperCase()):t}function Es(t,e,n){let i=t.getAttribute("data-timeline-label")??t.getAttribute("data-label")??t.getAttribute("aria-label")??null;if(i?.trim())return i.trim();let r=t.getAttribute("data-composition-id");if(r)return ct(r);let o=t.id;if(o)return ct(o);let s=Ss(t);if(s)return ct(s);let l=bs(vi(t));if(l)return ct(l);let a=As(t);return a||`${ct(e)} ${n+1}`}function Ri(t){let n=window.__timelines??{},i=Ge({timelineRegistry:n,includeAuthoredTimingAttrs:!0}),r=W=>{if(!W)return null;let T=n[W]??null;if(!T||typeof T.duration!="function")return null;try{let O=Number(T.duration());return Number.isFinite(O)&&O>0?O:null}catch{return null}},o=W=>{let T=we(W.getAttribute("data-duration"));if(T!=null&&T>0)return T;let O=we(W.getAttribute("data-playback-start"))??we(W.getAttribute("data-media-start"))??0;return Number.isFinite(W.duration)&&W.duration>O?Math.max(0,W.duration-O):null},s=()=>{let W=Array.from(document.querySelectorAll("video[data-start], audio[data-start]"));if(W.length===0)return null;let T=0;for(let O of W){let Z=i.resolveStartForElement(O,0);if(!Number.isFinite(Z))continue;let re=o(O);re==null||re<=0||(T=Math.max(T,Math.max(0,Z)+re))}return T>0?T:null},l=W=>{let T=W.trim().toLowerCase();return!(!T||T==="main"||T.includes("caption")||T.includes("ambient"))},a=(W,T)=>{let O=[],Z=null,re=null,U=null,z=W.parentElement;for(;z;){let $=z.getAttribute("data-composition-id");$&&(O.push($),!U&&z!==T&&(U=$),Z==null&&(Z=i.resolveStartForElement(z,0)),re==null&&(re=we(z.getAttribute("data-duration"))??r($)??null)),z=z.parentElement}return{parentCompositionId:U,compositionAncestors:O.reverse(),inheritedStart:Z,inheritedDuration:re}},u=document.querySelector("[data-composition-id]"),c=Array.from(document.querySelectorAll("[data-composition-id]")),m=u?.getAttribute("data-composition-id")??null,f=u?i.resolveStartForElement(u,0):0,x=s(),w=x!=null?Math.max(0,x-Math.max(0,f)):null,E=r(m),b=xn(u??document.body),I=gn(...c.filter(W=>W!==u).map(W=>{let T=i.resolveStartForElement(W,0),O=i.resolveDurationForElement(W)??r(W.getAttribute("data-composition-id"))??null;return!Number.isFinite(T)||O==null||O<=0?null:Math.max(0,T)+O})),L=I!=null?Math.max(0,I-Math.max(0,f)):null,v=typeof E=="number"&&Number.isFinite(E)&&E>0?E:null,ee=typeof b=="number"&&Number.isFinite(b)&&b>0?b:null,H=typeof w=="number"&&Number.isFinite(w)&&w>0?w:null,C=typeof L=="number"&&Number.isFinite(L)&&L>0?L:null,g=gn(H,C),A=v!=null&&g!=null&&v>g+1,N=ee??(A?g:gn(v,H,C)),F=N!=null?Math.min(N,t.maxTimelineDurationSeconds):null,k=(F!=null?f+F:null)??(typeof x=="number"&&Number.isFinite(x)&&x>0?x:null),Y=(W,T)=>!Number.isFinite(T)||T<=0?0:k==null||!Number.isFinite(k)?T:!Number.isFinite(W)||W>=k?0:Math.max(0,Math.min(T,k-W)),G=[],R=[],le=Array.from(document.querySelectorAll("[data-start], [data-track-index], [data-composition-id], video, audio, img")),Ae=0;for(let W=0;W<le.length;W+=1){let T=le[W];if(T===u||["SCRIPT","STYLE","LINK","META","TEMPLATE","NOSCRIPT"].includes(T.tagName))continue;let O=a(T,u),Z=i.resolveStartForElement(T,O.inheritedStart??0),re=T.getAttribute("data-composition-id"),U=xn(T);if((U==null||U<=0)&&re&&re!==m&&(U=r(re)),(U==null||U<=0)&&T instanceof HTMLMediaElement){let ce=we(T.getAttribute("data-playback-start"))??we(T.getAttribute("data-media-start"))??0;Number.isFinite(T.duration)&&T.duration>0&&(U=Math.max(0,T.duration-ce))}if(U==null||U<=0){let ce=O.inheritedDuration;if(ce!=null&&ce>0){let Ee=(O.inheritedStart??0)+ce;U=Math.max(0,Ee-Z)}}if(U==null||U<=0||(U=Y(Z,U),U<=0))continue;let z=Z+U;Ae=Math.max(Ae,z);let $=T.tagName.toLowerCase(),Te=re&&re!==m?"composition":$==="video"?"video":$==="audio"?"audio":$==="img"?"image":"element";G.push({id:T.id||re||null,label:Es(T,Te,G.length),start:Z,duration:U,track:Number.parseInt(T.getAttribute("data-track-index")??T.getAttribute("data-track")??String(W),10)||0,kind:Te,tagName:$,compositionId:T.getAttribute("data-composition-id"),compositionAncestors:O.compositionAncestors,parentCompositionId:O.parentCompositionId,nodePath:null,compositionSrc:dt(T.getAttribute("data-composition-src")),assetUrl:vi(T),timelineRole:T.getAttribute("data-timeline-role"),timelineLabel:T.getAttribute("data-timeline-label"),timelineGroup:T.getAttribute("data-timeline-group"),timelinePriority:we(T.getAttribute("data-timeline-priority"))})}let q=new Set(G.map(W=>W.id)),J=u?.getAttribute("data-composition-id")??null,P=J?n[J]??null:null;if(P&&u){let W=P;if(typeof W.getChildren=="function")try{let T=W.getChildren(!0,!0,!1)??[],O=new Map;for(let U of u.children){let z=U;if(!z.id)continue;let $=z.tagName.toLowerCase();$==="script"||$==="style"||$==="link"||O.set(z,{id:z.id,start:1/0,end:-1/0})}let Z=U=>{let z=U;for(;z;){if(O.has(z))return z;if(z===u)return null;z=z.parentElement}return null};for(let U of T){if(typeof U.targets!="function"||typeof U.startTime!="function"||typeof U.duration!="function")continue;let z=U.startTime(),$=U.parent;for(;$&&$!==P&&typeof $.startTime=="function";)z+=$.startTime(),$=$.parent;let Te=z+U.duration();if(!(!Number.isFinite(z)||!Number.isFinite(Te)))for(let ce of U.targets()){if(!(ce instanceof Element))continue;let Se=Z(ce);if(!Se)continue;let Ee=O.get(Se);Ee&&(Ee.start=Math.min(Ee.start,z),Ee.end=Math.max(Ee.end,Te))}}let re=G.length>0?Math.max(...G.map(U=>U.track))+1:0;for(let[U,z]of O){if(z.start===1/0||z.end===-1/0)continue;let $=U;if(q.has($.id))continue;let Te=Math.max(0,z.end-z.start);if(Te<=0)continue;let ce=Y(z.start,Te);ce<=0||(Ae=Math.max(Ae,z.start+ce),G.push({id:$.id,label:$.getAttribute("data-timeline-label")??$.getAttribute("data-label")??$.getAttribute("aria-label")??$.id,start:z.start,duration:ce,track:Number.parseInt($.getAttribute("data-track-index")??$.getAttribute("data-track")??"",10)||re,kind:"element",tagName:$.tagName.toLowerCase(),compositionId:$.getAttribute("data-composition-id"),compositionAncestors:J?[J]:[],parentCompositionId:J,nodePath:null,compositionSrc:null,assetUrl:null,timelineRole:$.getAttribute("data-timeline-role"),timelineLabel:$.getAttribute("data-timeline-label"),timelineGroup:$.getAttribute("data-timeline-group"),timelinePriority:we($.getAttribute("data-timeline-priority"))}),q.add($.id))}}catch(T){_("runtime.timeline.site1",T)}}if(u&&F!=null&&F>0){let W=G.length>0?Math.max(...G.map(T=>T.track))+1:0;for(let T of u.children){let O=T;if(!O.id||q.has(O.id))continue;let Z=O.getAttribute("data-timeline-role");if(Z!=="overlay"&&Z!=="persistent-overlay")continue;let re=O.tagName.toLowerCase();if(re==="script"||re==="style"||re==="link"||re==="meta"||window.getComputedStyle(O).display==="none")continue;let z=Y(0,F);z<=0||(Ae=Math.max(Ae,z),G.push({id:O.id,label:O.getAttribute("data-timeline-label")??O.getAttribute("data-label")??O.getAttribute("aria-label")??O.id,start:0,duration:z,track:Number.parseInt(O.getAttribute("data-track-index")??O.getAttribute("data-track")??"",10)||W,kind:"element",tagName:re,compositionId:O.getAttribute("data-composition-id"),compositionAncestors:J?[J]:[],parentCompositionId:J,nodePath:null,compositionSrc:null,assetUrl:null,timelineRole:Z,timelineLabel:O.getAttribute("data-timeline-label"),timelineGroup:O.getAttribute("data-timeline-group"),timelinePriority:we(O.getAttribute("data-timeline-priority"))}),q.add(O.id))}}ys(G);for(let W of c){if(W===u)continue;let T=W.getAttribute("data-composition-id");if(!T||!l(T))continue;let O=i.resolveStartForElement(W,0),Z=xn(W);if((Z==null||Z<=0)&&ki(W)!=null){let $=ki(W);Z=Math.max(0,$-O)}let re=r(T),U=Z&&Z>0?Z:re;if(U==null||U<=0)continue;let z=Y(O,U);z<=0||R.push({id:T,label:W.getAttribute("data-label")??T,start:O,duration:z,thumbnailUrl:dt(W.getAttribute("data-thumbnail-url")),avatarName:null})}let K=Math.max(1,Math.min(Math.max(Ae||1,F??0),t.maxTimelineDurationSeconds));return{source:"hf-preview",type:"timeline",durationInFrames:A&&ee==null?Number.POSITIVE_INFINITY:Math.max(1,Math.ceil(K*Math.max(1,t.canonicalFps))),clips:G,scenes:R,compositionWidth:we(u?.getAttribute("data-width"))??1920,compositionHeight:we(u?.getAttribute("data-height"))??1080}}var ae=ns(io(),1),ro=ae.default,zc=ae.default.stringify,jc=ae.default.fromJSON,Vc=ae.default.plugin,$c=ae.default.parse,Gc=ae.default.list,Jc=ae.default.document,Kc=ae.default.comment,Qc=ae.default.atRule,Yc=ae.default.rule,Zc=ae.default.decl,Xc=ae.default.root,ed=ae.default.CssSyntaxError,td=ae.default.Declaration,nd=ae.default.Container,id=ae.default.Processor,rd=ae.default.Document,od=ae.default.Comment,sd=ae.default.Warning,ad=ae.default.AtRule,ld=ae.default.Result,ud=ae.default.Input,cd=ae.default.Rule,dd=ae.default.Root,fd=ae.default.Node;var zn="data-hf-authored-id";function jn(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function Vn(t){return t.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}function ja(t){return t&&t.replace(/[^a-zA-Z0-9_-]/g,n=>`\\${n}`).replace(/^-?\d/,n=>`\\${n}`)}function oo(t){let e=t.trim();return e?Array.from(new Set([e,ja(e)])).filter(Boolean):[]}function Va(t){return!!t&&/[\w-]/.test(t)}function $a(t,e,n){let i=oo(e).sort((l,a)=>a.length-l.length);if(i.length===0)return t;let r="",o=0,s=null;for(let l=0;l<t.length;l+=1){let a=t[l],u=l>0?t[l-1]:"";if(s){r+=a,a===s&&u!=="\\"&&(s=null);continue}if(a==='"'||a==="'"){s=a,r+=a;continue}if(a==="["){o+=1,r+=a;continue}if(a==="]"){o=Math.max(0,o-1),r+=a;continue}if(a==="#"&&o===0){let c=i.find(m=>t.startsWith(m,l+1));if(c){let m=t[l+1+c.length];if(!Va(m)){r+=n,l+=c.length;continue}}}r+=a}return r}function Ga(t,e){let n=e?.trim();return n?$a(t,n,`[${zn}="${Vn(n)}"]`):t}function Ja(t,e,n,i,r){let o=Ga(t,i),s=Ka(o,e,n),l=s.trim();if(!l||/^(html|body|:root|\*)$/i.test(l))return t;let a=new RegExp(`\\[\\s*data-composition-id\\s*=\\s*(["'])${jn(n)}\\1\\s*\\]`,"g");if(a.test(l))return s.replace(a,e);let u=s.match(/^\s*/)?.[0]??"",c=s.match(/\s*$/)?.[0]??"";if(r){let m=i?`[${zn}="${Vn(i)}"]`:null;if(m&&l.startsWith(m)){let f=l.slice(m.length);return`${u}${e}${m}${f}${c}`}}return`${u}${e} ${l}${c}`}function Ka(t,e,n){let i=jn(n),r=String.raw`\[\s*data-composition-id\s*=\s*(?:"${i}"|'${i}')\s*\]`,o=String.raw`\s*\[\s*data-(?:start|duration)\s*=\s*(?:"[^"]*"|'[^']*')\s*\]`;return t.replace(new RegExp(`${r}(?:${o})+`,"g"),e).replace(new RegExp(`(?:${o})+${r}`,"g"),e)}var Qa=new Set(["keyframes","-webkit-keyframes","font-face"]);function Ya(t){return t?.type==="atrule"}function Za(t){let e=t.parent;for(;e;){if(Ya(e)&&Qa.has(e.name.toLowerCase()))return!0;e=e.parent}return!1}function $n(t,e,n,i,r){let o=e.trim();if(!t||!o)return t;let s=n||`[data-composition-id="${Vn(o)}"]`,l=ro.parse(t);return l.walkRules(a=>{Za(a)||(a.selectors=a.selectors.map(u=>Ja(u,s,o,i,r?.compoundAuthoredRoot)))}),l.toResult({map:!1}).css}function so(t,e,n="[HyperFrames] composition script error:",i,r=e,o){let s=JSON.stringify(e),l=JSON.stringify(r),a=JSON.stringify(n),u=jn(e),c=JSON.stringify(o?.trim()||null),m=JSON.stringify(i??null),f=JSON.stringify(String.raw`\[\s*data-composition-id\s*=\s*(?:"${u}"|'${u}')\s*\]`),x=JSON.stringify(String.raw`\s*\[\s*data-(?:start|duration)\s*=\s*(?:"[^"]*"|'[^']*')\s*\]`),w=JSON.stringify(oo(o?.trim()||""));return`(function(){
|
|
41
41
|
var __hfCompId = ${s};
|
|
42
42
|
var __hfTimelineCompId = ${l};
|
|
43
43
|
var __hfErrorLabel = ${a};
|
|
@@ -306,8 +306,9 @@ https://www.w3ctech.com/topic/2226`));let l=n(...s);return l.postcssPlugin=e,l.p
|
|
|
306
306
|
});
|
|
307
307
|
var __hfRun = function() {
|
|
308
308
|
try {
|
|
309
|
-
|
|
310
|
-
|
|
309
|
+
(function(document, gsap, window, __hyperframes) {
|
|
310
|
+
${t.replace(/<\/(script)/gi,"<\\/$1")}
|
|
311
|
+
}).call(window, __hfScopedDocument, __hfScopedGsap, __hfScopedWindow, __hfScopedHyperframes);
|
|
311
312
|
} catch (_err) {
|
|
312
313
|
console.error(__hfErrorLabel, __hfCompId, _err);
|
|
313
314
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": "0.1.0",
|
|
3
3
|
"buildId": "dev",
|
|
4
|
-
"sha256": "
|
|
4
|
+
"sha256": "6a5bc41331e4994b96c1861b08496d3476b989ba14838efb43d798c0b5cf6b4b",
|
|
5
5
|
"artifacts": {
|
|
6
6
|
"iife": "hyperframe.runtime.iife.js",
|
|
7
7
|
"esm": "hyperframe.runtime.mjs"
|
|
@@ -37,7 +37,7 @@ https://www.w3ctech.com/topic/2226`));let l=n(...s);return l.postcssPlugin=e,l.p
|
|
|
37
37
|
100% { outline-color: transparent; }
|
|
38
38
|
}
|
|
39
39
|
`,document.head.appendChild(n)}for(let n of t)try{document.querySelectorAll(n).forEach(r=>{r.classList.add("__hf-flash"),setTimeout(()=>r.classList.remove("__hf-flash"),e)})}catch(i){_("bridge.flashElements.querySelector",i)}}var fn=null;function di(t){fn=t}function at(t,e){if(fn)try{fn({source:"hf-preview",type:"analytics",event:t,properties:e??{}})}catch(n){_("runtime.analytics.site1",n)}}function fi(t){let e=[],n=l=>{if(typeof l.getAnimations!="function")return[];try{return l.getAnimations()}catch{return[]}},i=(l,a)=>{for(let u of l){try{u.currentTime=a}catch(c){_("runtime.adapters.css.site1",c)}try{u.pause()}catch(c){_("runtime.adapters.css.site2",c)}}},r=l=>{for(let a of l)try{a.play()}catch(u){_("runtime.adapters.css.site3",u)}},o=l=>{for(let a of l)try{a.pause()}catch(u){_("runtime.adapters.css.site4",u)}},s=l=>{l.baseDelay?l.el.style.animationDelay=l.baseDelay:l.el.style.removeProperty("animation-delay"),l.basePlayState?l.el.style.animationPlayState=l.basePlayState:l.el.style.removeProperty("animation-play-state")};return{name:"css",discover:()=>{e=[];let l=document.querySelectorAll("*");for(let a of l){if(!(a instanceof HTMLElement))continue;let u=window.getComputedStyle(a);!u.animationName||u.animationName==="none"||e.push({el:a,baseDelay:a.style.animationDelay||"",basePlayState:a.style.animationPlayState||""})}},seek:l=>{let a=Number(l.time)||0;for(let u of e){if(!u.el.isConnected)continue;let c=t?.resolveStartSeconds?t.resolveStartSeconds(u.el):Number.parseFloat(u.el.getAttribute("data-start")??"0")||0,m=Math.max(0,a-c)*1e3,f=n(u.el);if(f.length>0){i(f,m);continue}u.el.style.animationPlayState="paused",u.el.style.animationDelay=`-${(m/1e3).toFixed(3)}s`}},pause:()=>{for(let l of e){if(!l.el.isConnected)continue;let a=n(l.el);a.length>0&&o(a),s(l)}},play:()=>{for(let l of e)l.el.isConnected&&(s(l),r(n(l.el)))},revert:()=>{e=[]}}}function mi(t){return{name:"gsap",discover:()=>{},seek:e=>{let n=t.getTimeline();if(!n)return;n.pause();let i=Math.max(0,Number(e.time)||0);typeof n.totalTime=="function"?n.totalTime(i,!1):n.seek(i,!1)},pause:()=>{let e=t.getTimeline();e&&e.pause()}}}function pi(){return{name:"animejs",discover:()=>{try{let t=window.anime;if(!t||typeof t.running>"u")return;let e=t.running;if(!Array.isArray(e)||e.length===0)return;let n=window.__hfAnime??[],i=new Set(n);for(let r of e)i.has(r)||n.push(r);window.__hfAnime=n}catch(t){_("runtime.adapters.animejs.site1",t)}},seek:t=>{let e=Math.max(0,(Number(t.time)||0)*1e3),n=window.__hfAnime;if(!(!n||n.length===0))for(let i of n)try{typeof i.seek=="function"&&i.seek(e)}catch(r){_("runtime.adapters.animejs.site2",r)}},pause:()=>{let t=window.__hfAnime;if(!(!t||t.length===0))for(let e of t)try{typeof e.pause=="function"&&e.pause()}catch(n){_("runtime.adapters.animejs.site3",n)}},play:()=>{let t=window.__hfAnime;if(!(!t||t.length===0))for(let e of t)try{typeof e.play=="function"&&e.play()}catch(n){_("runtime.adapters.animejs.site4",n)}},revert:()=>{}}}function gi(){return{name:"lottie",discover:()=>{try{let t=window.lottie;if(t&&typeof t.getRegisteredAnimations=="function"){let e=t.getRegisteredAnimations();if(Array.isArray(e)&&e.length>0){let n=window.__hfLottie??[],i=new Set(n);for(let r of e)i.has(r)||n.push(r);window.__hfLottie=n}}}catch(t){_("runtime.adapters.lottie.site1",t)}},seek:t=>{let e=Math.max(0,Number(t.time)||0),n=window.__hfLottie;if(!(!n||n.length===0))for(let i of n)try{if(hi(i))i.goToAndStop(e*1e3,!1);else if(xi(i)){if(typeof i.setCurrentRawFrameValue=="function"){let r=i.totalFrames??0,o=i.frameRate??30,s=e*o;r>0&&i.setCurrentRawFrameValue(Math.min(s,r-1))}else if(typeof i.seek=="function"){let r=i.duration??1,o=Math.min(100,e/r*100);i.seek(o)}}}catch(r){_("runtime.adapters.lottie.site2",r)}},pause:()=>{let t=window.__hfLottie;if(!(!t||t.length===0))for(let e of t)try{(hi(e)||xi(e))&&e.pause()}catch(n){_("runtime.adapters.lottie.site3",n)}},revert:()=>{}}}function hi(t){return typeof t=="object"&&t!==null&&typeof t.goToAndStop=="function"}function xi(t){return typeof t=="object"&&t!==null&&typeof t.pause=="function"&&("totalFrames"in t||"duration"in t)}var yi=-1;function Lt(t){if(t!==yi){yi=t;try{window.dispatchEvent(new CustomEvent("hf-seek",{detail:{time:t}}))}catch(e){_("runtime.adapters.seek-dispatch.site1",e)}}}function Si(){let t=null,e=0;return{name:"three",discover:()=>{},seek:n=>{t=Math.max(0,Number(n.time)||0),e=t,window.__hfThreeTime=t,Lt(t)},pause:()=>{t==null&&(t=Math.max(0,e))},play:()=>{t=null},revert:()=>{t=null,e=0}}}function bi(){let t=null,e=0;return{name:"typegpu",discover:()=>{},seek:n=>{t=Math.max(0,Number(n.time)||0),e=t,window.__hfTypegpuTime=t,Lt(t)},pause:()=>{t==null&&(t=Math.max(0,e))},play:()=>{t=null},revert:()=>{t=null,e=0}}}function Ai(){let t=globalThis.GPUQueue;if(!t?.prototype?.copyExternalImageToTexture)return;let e=t.prototype.copyExternalImageToTexture;t.prototype.copyExternalImageToTexture=function(n,i,r){if(n?.source instanceof HTMLVideoElement){let o=n.source.nextElementSibling;if(o instanceof HTMLImageElement&&o.classList.contains("__render_frame__")&&o.complete&&o.naturalWidth>0)return e.call(this,{...n,source:o},i,r)}return e.call(this,n,i,r)}}function Ei(){let t=!1,e=0,n=new WeakMap,i=()=>{if(!document.getAnimations)return[];try{return document.getAnimations()}catch{return[]}},r=l=>{let a=Number(l.currentTime);return Number.isFinite(a)&&a>0?a:0},o=(l,a)=>a<=0?l:l>=a?Math.max(0,l-a):l,s=(l,a)=>{let u=n.get(l);if(u)return u;let c={compositionTimeMs:a,animationTimeMs:t?o(r(l),a):r(l)};return n.set(l,c),c};return{name:"waapi",discover:()=>{t=!0;for(let l of i())s(l,e)},seek:l=>{let a=Math.max(0,(Number(l.time)||0)*1e3);e=a;for(let u of i()){let c=t?s(u,a):s(u,0),m=c.animationTimeMs+Math.max(0,a-c.compositionTimeMs);try{u.currentTime=m}catch(f){_("runtime.adapters.waapi.site1",f)}try{u.pause()}catch(f){_("runtime.adapters.waapi.site2",f)}}},pause:()=>{if(document.getAnimations)for(let l of document.getAnimations())try{l.pause()}catch(a){_("runtime.adapters.waapi.site3",a)}}}}function Fi(t){let e=Array.from(document.querySelectorAll("video, audio")),n=t?.shouldIncludeElement?e.filter(s=>t.shouldIncludeElement?.(s)):e.filter(s=>s.hasAttribute("data-start")),i=[],r=[],o=0;for(let s of n){let l=t?.resolveStartSeconds?t.resolveStartSeconds(s):Number.parseFloat(s.dataset.start??"0");if(!Number.isFinite(l))continue;let a=Number.parseFloat(s.dataset.playbackStart??s.dataset.mediaStart??"0")||0,u=s.defaultPlaybackRate,c=Number.isFinite(u)&&u>0?Math.max(.1,Math.min(5,u)):1,m=s.loop,f=Number.isFinite(s.duration)&&s.duration>0?s.duration:null,x=t?.resolveDurationSeconds?.(s)??Number.parseFloat(s.dataset.duration??"");(!Number.isFinite(x)||x<=0)&&f!=null&&(x=Math.max(0,(f-a)/c));let w=Number.isFinite(x)&&x>0?l+x:Number.POSITIVE_INFINITY,E=Number.parseFloat(s.dataset.volume??""),b={el:s,start:l,mediaStart:a,duration:Number.isFinite(x)&&x>0?x:Number.POSITIVE_INFINITY,end:w,volume:Number.isFinite(E)?E:null,playbackRate:c,loop:m,sourceDuration:f};i.push(b),s.tagName==="VIDEO"&&r.push(b),Number.isFinite(w)&&(o=Math.max(o,w))}return{timedMediaEls:n,mediaClips:i,videoClips:r,maxMediaEnd:o}}var mn=new WeakMap,lt=new WeakMap,pn=new WeakSet,Qe=new WeakSet;function rs(t){if(Qe.has(t))return;Qe.add(t);let e=()=>Qe.delete(t);t.addEventListener("playing",e,{once:!0}),t.addEventListener("pause",e,{once:!0}),t.addEventListener("error",e,{once:!0})}var hn=new WeakMap;function Bt(t){return Number.isFinite(t)?Math.max(0,Math.min(1,t)):1}function wi(t){let e=!!(t.outputMuted||t.userMuted);for(let n of t.clips){let{el:i}=n;if(!i.isConnected)continue;let r=(t.timeSeconds-n.start)*n.playbackRate+n.mediaStart;if(t.timeSeconds>=n.start&&t.timeSeconds<n.end&&r>=0){if(n.loop&&n.sourceDuration!=null&&n.sourceDuration>0){let F=n.sourceDuration-n.mediaStart;F>0&&r>=n.sourceDuration&&(r=n.mediaStart+(r-n.mediaStart)%F)}let s=Bt(t.userVolume??1),l=Bt(n.volume??1),a=hn.get(i),u=Bt(i.volume),c=a!==void 0&&Math.abs(u-a)>1e-4?u:l,m=Bt(c*s);i.volume=m,hn.set(i,m),t.onElementVolume?.(i,m),e&&(i.muted=!0),i.preload!=="auto"&&(i.preload="auto");try{i.playbackRate=n.playbackRate*t.playbackRate}catch(F){_("runtime.media.site1",F)}let f=.04,x=2,w=i.currentTime||0,E=Math.abs(w-r),b=r-w,I=mn.get(i);mn.set(i,b);let L=I===void 0,v=!L&&Math.abs(b-I)>.5,ee=E>3,H=E>.5&&(L||v||ee),C=i.tagName==="VIDEO"&&!i.paused,g=I!==void 0&&Math.abs(b-I)<.004,A=!1;if(!C&&!H&&!L&&g&&E>f){let F=(lt.get(i)??0)+1;lt.set(i,F),F>=x&&(A=!0,lt.set(i,0))}else E<=f&<.set(i,0);let N=!C&&t.forceSync&&E>.02;if(H||A||N){try{i.currentTime=r}catch(F){_("runtime.media.site2",F)}if(Math.abs(i.currentTime-r)>.5&&!pn.has(i)){pn.add(i),i.load();try{i.currentTime=r}catch(F){_("runtime.media.site3",F)}}Qe.delete(i)}t.playing&&i.paused&&!Qe.has(i)?(rs(i),i.play().catch(F=>{Qe.delete(i),(F&&typeof F=="object"&&"name"in F?String(F.name??""):"")==="NotAllowedError"&&t.onAutoplayBlocked?.()})):!t.playing&&!i.paused&&i.pause();continue}mn.delete(i),lt.delete(i),pn.delete(i),hn.delete(i),i.paused||i.pause()}}var os=["[data-hyperframes-ignore]","[data-hyperframes-picker-ignore]","[data-hf-ignore]","[data-no-inspect]","[data-no-pick]","[data-hyper-shader-loading]"].join(","),ss=["[data-hyperframes-picker-block]","[data-hyper-shader-loading]"].join(",");function Ni(t){let e=!1,n=null,i=null,r=null,o=null;function s(g,A){try{window.dispatchEvent(new CustomEvent(g,{detail:A}))}catch(N){_("runtime.picker.site1",N)}}function l(g){r=g,s("hyperframe:picker:hovered",{elementInfo:r,isPickMode:e,timestamp:Date.now()})}function a(g){o=g,s("hyperframe:picker:selected",{elementInfo:o,isPickMode:e,timestamp:Date.now()})}function u(g){let A=g.ownerDocument.defaultView;if(!A)return!1;let N=g;for(;N&&N!==document.body&&N!==document.documentElement;){let F=A.getComputedStyle(N);if(F.display==="none"||F.visibility==="hidden"||F.pointerEvents==="none")return!0;let M=Number.parseFloat(F.opacity);if(Number.isFinite(M)&&M<=.01)return!0;N=N.parentElement}return!1}function c(g){if(!g||g===document.body||g===document.documentElement)return!1;let A=g.tagName.toLowerCase();return!(A==="script"||A==="style"||A==="link"||A==="meta"||g.classList.contains("__hf-pick-highlight")||g.closest(os)||u(g))}function m(g){return!!g?.closest(ss)}function f(g){let A=g;if(A.id)return`#${A.id}`;let N=g.getAttribute("data-composition-id");if(N)return`[data-composition-id="${N}"]`;let F=g.getAttribute("data-composition-src");if(F)return`[data-composition-src="${F}"]`;let M=g.getAttribute("data-track-index");if(M)return`[data-track-index="${M}"]`;let k=g.tagName.toLowerCase(),Y=g.parentElement;if(!Y)return k;let G=Y.querySelectorAll(`:scope > ${k}`);if(G.length===1)return k;for(let R=0;R<G.length;R+=1)if(G[R]===g)return`${k}:nth-of-type(${R+1})`;return k}function x(g){let A=g.tagName.toLowerCase(),N=(g.textContent??"").trim().replace(/\s+/g," "),F=(M,k)=>M.length>k?`${M.slice(0,k-1)}\u2026`:M;return A==="h1"||A==="h2"||A==="h3"?"Heading":A==="p"||A==="span"||A==="div"?N.length>0?F(N,56):"Text":A==="img"?"Image":A==="video"?"Video":A==="audio"?"Audio":A==="svg"?"Shape":g.getAttribute("data-composition-src")?"Composition":A==="section"?"Section":`${A.charAt(0).toUpperCase()}${A.slice(1)}`}function w(g,A,N){let F=typeof N=="number"&&N>0?N:8,M=[];if(document.elementsFromPoint)M=document.elementsFromPoint(g,A);else if(document.elementFromPoint){let G=document.elementFromPoint(g,A);M=G?[G]:[]}if(m(M[0]??null))return[];let k={},Y=[];for(let G=0;G<M.length;G+=1){let R=M[G];if(!c(R))continue;let le=`${R.tagName}::${R.id||""}::${G}`;if(!k[le]&&(k[le]=!0,Y.push(R),Y.length>=F))break}return Y}function E(g){let A=g.getBoundingClientRect(),N={};for(let M=0;M<g.attributes.length;M+=1){let k=g.attributes[M];k.name.startsWith("data-")&&(N[k.name]=k.value)}return{id:g.id||null,tagName:g.tagName.toLowerCase(),selector:f(g),label:x(g),boundingBox:{x:A.left,y:A.top,width:A.width,height:A.height},textContent:g.textContent?g.textContent.trim().slice(0,200):null,src:g.getAttribute("src")||g.getAttribute("data-composition-src")||null,dataAttributes:N}}function b(g,A,N){return w(g,A,N).map(E)}function I(g){if(!e)return;let N=w(g.clientX,g.clientY,1)[0]??(g.target instanceof Element?g.target:null);if(!c(N)||n===N)return;n&&n.classList.remove("__hf-pick-highlight"),n=N,N.classList.add("__hf-pick-highlight");let F=E(N);l(F),t.postMessage({source:"hf-preview",type:"element-hovered",elementInfo:F})}function L(g){if(!e)return;g.preventDefault(),g.stopPropagation(),g.stopImmediatePropagation();let A=b(g.clientX,g.clientY,8);A.length!==0&&(l(A[0]??null),t.postMessage({source:"hf-preview",type:"element-pick-candidates",candidates:A,selectedIndex:0,point:{x:g.clientX,y:g.clientY}}))}function v(g){g.key==="Escape"&&(H(),t.postMessage({source:"hf-preview",type:"pick-mode-cancelled"}))}function ee(){e||(e=!0,i=document.createElement("style"),i.textContent=[".__hf-pick-highlight { outline: 2px solid #4f8cf7 !important; outline-offset: 2px; cursor: crosshair !important; }",".__hf-pick-active * { cursor: crosshair !important; }"].join(`
|
|
40
|
-
`),document.head.appendChild(i),document.body.classList.add("__hf-pick-active"),document.addEventListener("mousemove",I,!0),document.addEventListener("click",L,!0),document.addEventListener("keydown",v,!0),s("hyperframe:picker:mode",{isPickMode:!0,timestamp:Date.now()}))}function H(){e&&(e=!1,n&&(n.classList.remove("__hf-pick-highlight"),n=null),i&&(i.remove(),i=null),document.body.classList.remove("__hf-pick-active"),document.removeEventListener("mousemove",I,!0),document.removeEventListener("click",L,!0),document.removeEventListener("keydown",v,!0),s("hyperframe:picker:mode",{isPickMode:!1,timestamp:Date.now()}))}function C(){window.__HF_PICKER_API={enable:ee,disable:H,isActive:()=>e,getHovered:()=>r,getSelected:()=>o,getCandidatesAtPoint:(g,A,N)=>Number.isFinite(g)&&Number.isFinite(A)?b(g,A,N):[],pickAtPoint:(g,A,N)=>{if(!Number.isFinite(g)||!Number.isFinite(A))return null;let F=b(g,A,8);if(!F.length)return null;let M=Math.max(0,Math.min(F.length-1,Number(N??0))),k=F[M]??null;return k?(a(k),t.postMessage({source:"hf-preview",type:"element-picked",elementInfo:k}),H(),k):null},pickManyAtPoint:(g,A,N)=>{if(!Number.isFinite(g)||!Number.isFinite(A))return[];let F=b(g,A,8);if(!F.length)return[];let M=[],k=Array.isArray(N)?N:[0];for(let Y of k){let G=Math.max(0,Math.min(F.length-1,Math.floor(Number(Y)))),R=F[G];if(!R)continue;M.some(Ae=>Ae.selector===R.selector&&Ae.tagName===R.tagName)||M.push(R)}return M.length?(a(M[0]??null),t.postMessage({source:"hf-preview",type:"element-picked-many",elementInfos:M}),H(),M):[]}},s("hyperframe:picker:api-ready",{hasApi:!0,timestamp:Date.now()})}return{enablePickMode:ee,disablePickMode:H,installPickerApi:C}}function Ye(t,e){let n=Number.isFinite(e)&&e>0?e:30,i=Number.isFinite(t)&&t>0?t:0;return Math.floor(i*n+1e-9)/n}function ut(t,e,n){if(t){for(let i of Object.values(t))if(!(!i||i===e))try{n(i)}catch(r){_("runtime.player.site1",r)}}}function Ci(t,e,n){let i=Ye(e,n);return t.pause(),typeof t.totalTime=="function"?t.totalTime(i,!1):t.seek(i,!1),i}function as(t,e,n,i){let r=[];ut(t,e,o=>{o.play(),r.push(o)});try{return Ci(e,n,i)}finally{for(let o of r)try{o.pause()}catch(s){_("runtime.player.site2",s)}}}function ls(t,e){ut(t,e,n=>{n.play()})}function Mi(t){return{_timeline:null,play:()=>{let e=t.getTimeline();if(!e||t.getIsPlaying())return;let n=Math.max(0,Number(t.getSafeDuration?.()??e.duration()??0)||0);n>0&&Math.max(0,Number(e.time())||0)>=n&&(e.pause(),e.seek(0,!1),t.onDeterministicSeek(0),t.setIsPlaying(!1),t.onSyncMedia(0,!1),t.onRenderFrameSeek(0)),typeof e.timeScale=="function"&&e.timeScale(t.getPlaybackRate()),e.play(),ut(t.getTimelineRegistry?.(),e,i=>{typeof i.timeScale=="function"&&i.timeScale(t.getPlaybackRate()),i.play()}),t.onDeterministicPlay(),t.setIsPlaying(!0),t.onShowNativeVideos(),t.onStatePost(!0)},pause:()=>{let e=t.getTimeline();if(!e)return;e.pause(),ut(t.getTimelineRegistry?.(),e,i=>{i.pause()});let n=Math.max(0,Number(e.time())||0);t.onDeterministicSeek(n),t.onDeterministicPause(),t.setIsPlaying(!1),t.onSyncMedia(n,!1),t.onRenderFrameSeek(n),t.onStatePost(!0)},seek:(e,n)=>{let i=t.getTimeline();if(!i)return;let r=Math.max(0,Number(e)||0),o=t.getIsPlaying(),s=as(t.getTimelineRegistry?.(),i,r,t.getCanonicalFps());t.onDeterministicSeek(s),n?.keepPlaying&&o?(typeof i.timeScale=="function"&&i.timeScale(t.getPlaybackRate()),i.play(),ut(t.getTimelineRegistry?.(),i,l=>{typeof l.timeScale=="function"&&l.timeScale(t.getPlaybackRate()),l.play()}),t.onDeterministicPlay(),t.onShowNativeVideos(),t.onSyncMedia(s,!0)):(t.setIsPlaying(!1),t.onSyncMedia(s,!1)),t.onRenderFrameSeek(s),t.onStatePost(!0)},renderSeek:e=>{let n=t.getTimeline(),i=t.getCanonicalFps(),r=n?(ls(t.getTimelineRegistry?.(),n),Ci(n,e,i)):Ye(Math.max(0,Number(e)||0),i);t.onDeterministicSeek(r),t.setIsPlaying(!1),t.onSyncMedia(r,!1),t.onRenderFrameSeek(r),t.onStatePost(!0)},getTime:()=>Number(t.getTimeline()?.time()??0),getDuration:()=>Number(t.getTimeline()?.duration()??0),isPlaying:()=>t.getIsPlaying(),setPlaybackRate:e=>t.setPlaybackRate(e),getPlaybackRate:()=>t.getPlaybackRate()}}function Ti(){return{capturedTimeline:null,isPlaying:!1,rafId:null,currentTime:0,deterministicAdapters:[],parityModeEnabled:!0,canonicalFps:30,bridgeMuted:!1,bridgeVolume:1,mediaOutputMuted:!1,mediaAutoplayBlockedPosted:!1,mediaForceSyncNextTick:!1,playbackRate:1,bridgeLastPostedFrame:-1,bridgeLastPostedAt:0,bridgeLastPostedPlaying:!1,bridgeLastPostedMuted:!1,bridgeMaxPostIntervalMs:80,controlBridgeHandler:null,clampDurationLoggedRaw:null,beforeUnloadHandler:null,domReadyHandler:null,injectedCompStyles:[],injectedCompScripts:[],cachedTimedMediaEls:[],cachedMediaClips:[],cachedVideoClips:[],cachedMediaTimelineDurationSeconds:0,tornDown:!1,maxTimelineDurationSeconds:1800,nativeVisualWatchdogTick:0,transportClock:null,transportRafId:null}}var us="data-hf-authored-duration",cs="data-hf-authored-end";function $e(t){if(t==null||t==="")return null;let e=Number(t);return Number.isFinite(e)?e:null}function ds(t){return $e(t.getAttribute("data-duration"))}function fs(t){return $e(t.getAttribute("data-end"))}function ms(t){return $e(t.getAttribute(us))}function ps(t){return $e(t.getAttribute(cs))}function hs(t){let e=(t??"").trim();if(!e)return null;let n=$e(e);if(n!=null)return{kind:"absolute",value:n};let i=e.match(/^([A-Za-z0-9_.:-]+)(?:\s*([+-])\s*([0-9]*\.?[0-9]+))?$/);if(!i)return null;let r=(i[1]??"").trim();if(!r)return null;let o=i[2]??"+",s=i[3]??"0",l=Number.parseFloat(s),a=Number.isFinite(l)?Math.max(0,l):0,u=o==="-"?-a:a;return{kind:"reference",refId:r,offset:u}}function Ge(t){let e=t.timelineRegistry??{},n=t.includeAuthoredTimingAttrs??!1,i=new WeakMap,r=new WeakMap,o=new Set,s=c=>{let m=document.getElementById(c);return m||(document.querySelector(`[data-composition-id="${CSS.escape(c)}"]`)??null)},l=c=>{let m=r.get(c);if(m!==void 0)return m;let f=null,x=ds(c)??(n?ms(c):null);if(x!=null&&x>0&&(f=x),f==null||f<=0){let w=fs(c)??(n?ps(c):null);if(w!=null){let E=u(c,0),b=w-E;Number.isFinite(b)&&b>0&&(f=b)}}if((f==null||f<=0)&&c instanceof HTMLMediaElement){let w=$e(c.getAttribute("data-playback-start"))??$e(c.getAttribute("data-media-start"))??0;Number.isFinite(c.duration)&&c.duration>w&&(f=c.duration-w)}if(f==null||f<=0){let w=c.getAttribute("data-composition-id");if(w){let E=e[w]??null;if(E&&typeof E.duration=="function")try{let b=Number(E.duration());Number.isFinite(b)&&b>0&&(f=b)}catch(b){_("runtime.startResolver.site1",b)}}}return f!=null&&Number.isFinite(f)&&f>0?(r.set(c,f),f):(r.set(c,null),null)},a=(c,m)=>{if(c.hasAttribute("data-composition-id")){let x=c.parentElement?.closest("[data-composition-id]");return x?u(x,m):0}let f=c.closest("[data-composition-id]");return f?u(f,m):0},u=(c,m)=>{let f=i.get(c);if(f!==void 0)return f??m;if(o.has(c))return m;o.add(c);try{let x=hs(c.getAttribute("data-start"));if(!x){if(c.hasAttribute("data-composition-id")){let L=c.parentElement;if(L&&(L.hasAttribute("data-composition-src")||L.hasAttribute("data-composition-id"))){let v=u(L,m);return i.set(c,v),v}}return i.set(c,m),m}if(x.kind==="absolute"){let L=Math.max(0,x.value),v=Math.max(0,a(c,m)+L);return i.set(c,v),v}let w=s(x.refId);if(!w)return i.set(c,m),m;let E=u(w,0),b=l(w);if(b==null||b<=0){let L=Math.max(0,E+x.offset);return i.set(c,L),L}let I=Math.max(0,E+b+x.offset);return i.set(c,I),I}finally{o.delete(c)}};return{resolveStartForElement:(c,m=0)=>u(c,Math.max(0,m)),resolveDurationForElement:c=>l(c)}}var xs="data-hf-authored-duration",gs="data-hf-authored-end";function we(t){if(t==null||t==="")return null;let e=Number(t);return Number.isFinite(e)?e:null}function xn(t){return we(t.getAttribute("data-duration"))??we(t.getAttribute(xs))}function ki(t){return we(t.getAttribute("data-end"))??we(t.getAttribute(gs))}function gn(...t){let e=t.filter(n=>Number.isFinite(n??null));return e.length===0?null:Math.max(...e)}var _i={composition:0,video:1,image:2,element:3,audio:4};function ys(t){if(t.length===0)return;let e=new Map;for(let s of t){let l=e.get(s.track)??new Set;l.add(s.kind),e.set(s.track,l)}if(!Array.from(e.values()).some(s=>s.size>1))return;let i=0,r=new Map,o=[...e.keys()].sort((s,l)=>s-l);for(let s of o){let l=e.get(s);if(l.size===1)r.set(`${s}:${[...l][0]}`,i++);else{let a=[...l].sort((u,c)=>(_i[u]??99)-(_i[c]??99));for(let u of a)r.set(`${s}:${u}`,i++)}}for(let s of t){let l=`${s.track}:${s.kind}`,a=r.get(l);a!=null&&(s.track=a)}}function dt(t){let e=String(t??"").trim();if(!e)return null;let n=e.toLowerCase();if(n.startsWith("data:")||n.startsWith("javascript:"))return null;try{return new URL(e,document.baseURI).toString()}catch{return e}}function vi(t){let e=t.getAttribute("src")??t.getAttribute("data-src");if(e)return dt(e);let n=t.getAttribute("data-composition-src");if(n)return dt(n);let i=t.querySelector("img[src], video[src], audio[src], source[src]");return i?dt(i.getAttribute("src")):null}function Ss(t){let e=t.className;return typeof e!="string"?null:e.split(/\s+/).map(n=>n.trim()).find(n=>n&&n!=="clip"&&!n.startsWith("__hf-"))??null}function bs(t){if(!t)return null;try{return new URL(t,document.baseURI).pathname.split("/").filter(Boolean).at(-1)??null}catch{return t.split(/[\\/]/).filter(Boolean).at(-1)??null}}function As(t){let e=t.textContent?.replace(/\s+/g," ").trim();return e?e.length>32?`${e.slice(0,31)}...`:e:null}function ct(t){let e=t.replace(/\.[^.]+$/i,"").replace(/[-_]+/g," ").replace(/\s+/g," ").trim();return e?e.replace(/\b\w/g,n=>n.toUpperCase()):t}function Es(t,e,n){let i=t.getAttribute("data-timeline-label")??t.getAttribute("data-label")??t.getAttribute("aria-label")??null;if(i?.trim())return i.trim();let r=t.getAttribute("data-composition-id");if(r)return ct(r);let o=t.id;if(o)return ct(o);let s=Ss(t);if(s)return ct(s);let l=bs(vi(t));if(l)return ct(l);let a=As(t);return a||`${ct(e)} ${n+1}`}function Ri(t){let n=window.__timelines??{},i=Ge({timelineRegistry:n,includeAuthoredTimingAttrs:!0}),r=W=>{if(!W)return null;let T=n[W]??null;if(!T||typeof T.duration!="function")return null;try{let O=Number(T.duration());return Number.isFinite(O)&&O>0?O:null}catch{return null}},o=W=>{let T=we(W.getAttribute("data-duration"));if(T!=null&&T>0)return T;let O=we(W.getAttribute("data-playback-start"))??we(W.getAttribute("data-media-start"))??0;return Number.isFinite(W.duration)&&W.duration>O?Math.max(0,W.duration-O):null},s=()=>{let W=Array.from(document.querySelectorAll("video[data-start], audio[data-start]"));if(W.length===0)return null;let T=0;for(let O of W){let Z=i.resolveStartForElement(O,0);if(!Number.isFinite(Z))continue;let re=o(O);re==null||re<=0||(T=Math.max(T,Math.max(0,Z)+re))}return T>0?T:null},l=W=>{let T=W.trim().toLowerCase();return!(!T||T==="main"||T.includes("caption")||T.includes("ambient"))},a=(W,T)=>{let O=[],Z=null,re=null,U=null,z=W.parentElement;for(;z;){let $=z.getAttribute("data-composition-id");$&&(O.push($),!U&&z!==T&&(U=$),Z==null&&(Z=i.resolveStartForElement(z,0)),re==null&&(re=we(z.getAttribute("data-duration"))??r($)??null)),z=z.parentElement}return{parentCompositionId:U,compositionAncestors:O.reverse(),inheritedStart:Z,inheritedDuration:re}},u=document.querySelector("[data-composition-id]"),c=Array.from(document.querySelectorAll("[data-composition-id]")),m=u?.getAttribute("data-composition-id")??null,f=u?i.resolveStartForElement(u,0):0,x=s(),w=x!=null?Math.max(0,x-Math.max(0,f)):null,E=r(m),b=xn(u??document.body),I=gn(...c.filter(W=>W!==u).map(W=>{let T=i.resolveStartForElement(W,0),O=i.resolveDurationForElement(W)??r(W.getAttribute("data-composition-id"))??null;return!Number.isFinite(T)||O==null||O<=0?null:Math.max(0,T)+O})),L=I!=null?Math.max(0,I-Math.max(0,f)):null,v=typeof E=="number"&&Number.isFinite(E)&&E>0?E:null,ee=typeof b=="number"&&Number.isFinite(b)&&b>0?b:null,H=typeof w=="number"&&Number.isFinite(w)&&w>0?w:null,C=typeof L=="number"&&Number.isFinite(L)&&L>0?L:null,g=gn(H,C),A=v!=null&&g!=null&&v>g+1,N=ee??(A?g:gn(v,H,C)),F=N!=null?Math.min(N,t.maxTimelineDurationSeconds):null,k=(F!=null?f+F:null)??(typeof x=="number"&&Number.isFinite(x)&&x>0?x:null),Y=(W,T)=>!Number.isFinite(T)||T<=0?0:k==null||!Number.isFinite(k)?T:!Number.isFinite(W)||W>=k?0:Math.max(0,Math.min(T,k-W)),G=[],R=[],le=Array.from(document.querySelectorAll("[data-start], [data-track-index], [data-composition-id], video, audio, img")),Ae=0;for(let W=0;W<le.length;W+=1){let T=le[W];if(T===u||["SCRIPT","STYLE","LINK","META","TEMPLATE","NOSCRIPT"].includes(T.tagName))continue;let O=a(T,u),Z=i.resolveStartForElement(T,O.inheritedStart??0),re=T.getAttribute("data-composition-id"),U=xn(T);if((U==null||U<=0)&&re&&re!==m&&(U=r(re)),(U==null||U<=0)&&T instanceof HTMLMediaElement){let ce=we(T.getAttribute("data-playback-start"))??we(T.getAttribute("data-media-start"))??0;Number.isFinite(T.duration)&&T.duration>0&&(U=Math.max(0,T.duration-ce))}if(U==null||U<=0){let ce=O.inheritedDuration;if(ce!=null&&ce>0){let Ee=(O.inheritedStart??0)+ce;U=Math.max(0,Ee-Z)}}if(U==null||U<=0||(U=Y(Z,U),U<=0))continue;let z=Z+U;Ae=Math.max(Ae,z);let $=T.tagName.toLowerCase(),Te=re&&re!==m?"composition":$==="video"?"video":$==="audio"?"audio":$==="img"?"image":"element";G.push({id:T.id||re||null,label:Es(T,Te,G.length),start:Z,duration:U,track:Number.parseInt(T.getAttribute("data-track-index")??T.getAttribute("data-track")??String(W),10)||0,kind:Te,tagName:$,compositionId:T.getAttribute("data-composition-id"),compositionAncestors:O.compositionAncestors,parentCompositionId:O.parentCompositionId,nodePath:null,compositionSrc:dt(T.getAttribute("data-composition-src")),assetUrl:vi(T),timelineRole:T.getAttribute("data-timeline-role"),timelineLabel:T.getAttribute("data-timeline-label"),timelineGroup:T.getAttribute("data-timeline-group"),timelinePriority:we(T.getAttribute("data-timeline-priority"))})}let q=new Set(G.map(W=>W.id)),J=u?.getAttribute("data-composition-id")??null,P=J?n[J]??null:null;if(P&&u){let W=P;if(typeof W.getChildren=="function")try{let T=W.getChildren(!0,!0,!1)??[],O=new Map;for(let U of u.children){let z=U;if(!z.id)continue;let $=z.tagName.toLowerCase();$==="script"||$==="style"||$==="link"||O.set(z,{id:z.id,start:1/0,end:-1/0})}let Z=U=>{let z=U;for(;z;){if(O.has(z))return z;if(z===u)return null;z=z.parentElement}return null};for(let U of T){if(typeof U.targets!="function"||typeof U.startTime!="function"||typeof U.duration!="function")continue;let z=U.startTime(),$=U.parent;for(;$&&$!==P&&typeof $.startTime=="function";)z+=$.startTime(),$=$.parent;let Te=z+U.duration();if(!(!Number.isFinite(z)||!Number.isFinite(Te)))for(let ce of U.targets()){if(!(ce instanceof Element))continue;let Se=Z(ce);if(!Se)continue;let Ee=O.get(Se);Ee&&(Ee.start=Math.min(Ee.start,z),Ee.end=Math.max(Ee.end,Te))}}let re=G.length>0?Math.max(...G.map(U=>U.track))+1:0;for(let[U,z]of O){if(z.start===1/0||z.end===-1/0)continue;let $=U;if(q.has($.id))continue;let Te=Math.max(0,z.end-z.start);if(Te<=0)continue;let ce=Y(z.start,Te);ce<=0||(Ae=Math.max(Ae,z.start+ce),G.push({id:$.id,label:$.getAttribute("data-timeline-label")??$.getAttribute("data-label")??$.getAttribute("aria-label")??$.id,start:z.start,duration:ce,track:Number.parseInt($.getAttribute("data-track-index")??$.getAttribute("data-track")??"",10)||re,kind:"element",tagName:$.tagName.toLowerCase(),compositionId:$.getAttribute("data-composition-id"),compositionAncestors:J?[J]:[],parentCompositionId:J,nodePath:null,compositionSrc:null,assetUrl:null,timelineRole:$.getAttribute("data-timeline-role"),timelineLabel:$.getAttribute("data-timeline-label"),timelineGroup:$.getAttribute("data-timeline-group"),timelinePriority:we($.getAttribute("data-timeline-priority"))}),q.add($.id))}}catch(T){_("runtime.timeline.site1",T)}}if(u&&F!=null&&F>0){let W=G.length>0?Math.max(...G.map(T=>T.track))+1:0;for(let T of u.children){let O=T;if(!O.id||q.has(O.id))continue;let Z=O.getAttribute("data-timeline-role");if(Z!=="overlay"&&Z!=="persistent-overlay")continue;let re=O.tagName.toLowerCase();if(re==="script"||re==="style"||re==="link"||re==="meta"||window.getComputedStyle(O).display==="none")continue;let z=Y(0,F);z<=0||(Ae=Math.max(Ae,z),G.push({id:O.id,label:O.getAttribute("data-timeline-label")??O.getAttribute("data-label")??O.getAttribute("aria-label")??O.id,start:0,duration:z,track:Number.parseInt(O.getAttribute("data-track-index")??O.getAttribute("data-track")??"",10)||W,kind:"element",tagName:re,compositionId:O.getAttribute("data-composition-id"),compositionAncestors:J?[J]:[],parentCompositionId:J,nodePath:null,compositionSrc:null,assetUrl:null,timelineRole:Z,timelineLabel:O.getAttribute("data-timeline-label"),timelineGroup:O.getAttribute("data-timeline-group"),timelinePriority:we(O.getAttribute("data-timeline-priority"))}),q.add(O.id))}}ys(G);for(let W of c){if(W===u)continue;let T=W.getAttribute("data-composition-id");if(!T||!l(T))continue;let O=i.resolveStartForElement(W,0),Z=xn(W);if((Z==null||Z<=0)&&ki(W)!=null){let $=ki(W);Z=Math.max(0,$-O)}let re=r(T),U=Z&&Z>0?Z:re;if(U==null||U<=0)continue;let z=Y(O,U);z<=0||R.push({id:T,label:W.getAttribute("data-label")??T,start:O,duration:z,thumbnailUrl:dt(W.getAttribute("data-thumbnail-url")),avatarName:null})}let K=Math.max(1,Math.min(Math.max(Ae||1,F??0),t.maxTimelineDurationSeconds));return{source:"hf-preview",type:"timeline",durationInFrames:A&&ee==null?Number.POSITIVE_INFINITY:Math.max(1,Math.ceil(K*Math.max(1,t.canonicalFps))),clips:G,scenes:R,compositionWidth:we(u?.getAttribute("data-width"))??1920,compositionHeight:we(u?.getAttribute("data-height"))??1080}}var ae=ns(io(),1),ro=ae.default,zc=ae.default.stringify,jc=ae.default.fromJSON,Vc=ae.default.plugin,$c=ae.default.parse,Gc=ae.default.list,Jc=ae.default.document,Kc=ae.default.comment,Qc=ae.default.atRule,Yc=ae.default.rule,Zc=ae.default.decl,Xc=ae.default.root,ed=ae.default.CssSyntaxError,td=ae.default.Declaration,nd=ae.default.Container,id=ae.default.Processor,rd=ae.default.Document,od=ae.default.Comment,sd=ae.default.Warning,ad=ae.default.AtRule,ld=ae.default.Result,ud=ae.default.Input,cd=ae.default.Rule,dd=ae.default.Root,fd=ae.default.Node;var zn="data-hf-authored-id";function jn(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function Vn(t){return t.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}function ja(t){return t&&t.replace(/[^a-zA-Z0-9_-]/g,n=>`\\${n}`).replace(/^-?\d/,n=>`\\${n}`)}function oo(t){let e=t.trim();return e?Array.from(new Set([e,ja(e)])).filter(Boolean):[]}function Va(t){return!!t&&/[\w-]/.test(t)}function $a(t,e,n){let i=oo(e).sort((l,a)=>a.length-l.length);if(i.length===0)return t;let r="",o=0,s=null;for(let l=0;l<t.length;l+=1){let a=t[l],u=l>0?t[l-1]:"";if(s){r+=a,a===s&&u!=="\\"&&(s=null);continue}if(a==='"'||a==="'"){s=a,r+=a;continue}if(a==="["){o+=1,r+=a;continue}if(a==="]"){o=Math.max(0,o-1),r+=a;continue}if(a==="#"&&o===0){let c=i.find(m=>t.startsWith(m,l+1));if(c){let m=t[l+1+c.length];if(!Va(m)){r+=n,l+=c.length;continue}}}r+=a}return r}function Ga(t,e){let n=e?.trim();return n?$a(t,n,`[${zn}="${Vn(n)}"]`):t}function Ja(t,e,n,i,r){let o=Ga(t,i),s=Ka(o,e,n),l=s.trim();if(!l||/^(html|body|:root|\*)$/i.test(l))return t;let a=new RegExp(`\\[\\s*data-composition-id\\s*=\\s*(["'])${jn(n)}\\1\\s*\\]`,"g");if(a.test(l))return s.replace(a,e);let u=s.match(/^\s*/)?.[0]??"",c=s.match(/\s*$/)?.[0]??"";if(r){let m=i?`[${zn}="${Vn(i)}"]`:null;if(m&&l.startsWith(m)){let f=l.slice(m.length);return`${u}${e}${m}${f}${c}`}}return`${u}${e} ${l}${c}`}function Ka(t,e,n){let i=jn(n),r=String.raw`\[\s*data-composition-id\s*=\s*(?:"${i}"|'${i}')\s*\]`,o=String.raw`\s*\[\s*data-(?:start|duration)\s*=\s*(?:"[^"]*"|'[^']*')\s*\]`;return t.replace(new RegExp(`${r}(?:${o})+`,"g"),e).replace(new RegExp(`(?:${o})+${r}`,"g"),e)}var Qa=new Set(["keyframes","-webkit-keyframes","font-face"]);function Ya(t){return t?.type==="atrule"}function Za(t){let e=t.parent;for(;e;){if(Ya(e)&&Qa.has(e.name.toLowerCase()))return!0;e=e.parent}return!1}function $n(t,e,n,i,r){let o=e.trim();if(!t||!o)return t;let s=n||`[data-composition-id="${Vn(o)}"]`,l=ro.parse(t);return l.walkRules(a=>{Za(a)||(a.selectors=a.selectors.map(u=>Ja(u,s,o,i,r?.compoundAuthoredRoot)))}),l.toResult({map:!1}).css}function so(t,e,n="[HyperFrames] composition script error:",i,r=e,o){let s=JSON.stringify(e),l=JSON.stringify(r),a=JSON.stringify(n),u=jn(e),c=JSON.stringify(o?.trim()||null),m=JSON.stringify(i??null),f=JSON.stringify(String.raw`\[\s*data-composition-id\s*=\s*(?:"${u}"|'${u}')\s*\]`),x=JSON.stringify(String.raw`\s*\[\s*data-(?:start|duration)\s*=\s*(?:"[^"]*"|'[^']*')\s*\]`),w=JSON.stringify(oo(o?.trim()||"")),E=JSON.stringify(t);return`(function(){
|
|
40
|
+
`),document.head.appendChild(i),document.body.classList.add("__hf-pick-active"),document.addEventListener("mousemove",I,!0),document.addEventListener("click",L,!0),document.addEventListener("keydown",v,!0),s("hyperframe:picker:mode",{isPickMode:!0,timestamp:Date.now()}))}function H(){e&&(e=!1,n&&(n.classList.remove("__hf-pick-highlight"),n=null),i&&(i.remove(),i=null),document.body.classList.remove("__hf-pick-active"),document.removeEventListener("mousemove",I,!0),document.removeEventListener("click",L,!0),document.removeEventListener("keydown",v,!0),s("hyperframe:picker:mode",{isPickMode:!1,timestamp:Date.now()}))}function C(){window.__HF_PICKER_API={enable:ee,disable:H,isActive:()=>e,getHovered:()=>r,getSelected:()=>o,getCandidatesAtPoint:(g,A,N)=>Number.isFinite(g)&&Number.isFinite(A)?b(g,A,N):[],pickAtPoint:(g,A,N)=>{if(!Number.isFinite(g)||!Number.isFinite(A))return null;let F=b(g,A,8);if(!F.length)return null;let M=Math.max(0,Math.min(F.length-1,Number(N??0))),k=F[M]??null;return k?(a(k),t.postMessage({source:"hf-preview",type:"element-picked",elementInfo:k}),H(),k):null},pickManyAtPoint:(g,A,N)=>{if(!Number.isFinite(g)||!Number.isFinite(A))return[];let F=b(g,A,8);if(!F.length)return[];let M=[],k=Array.isArray(N)?N:[0];for(let Y of k){let G=Math.max(0,Math.min(F.length-1,Math.floor(Number(Y)))),R=F[G];if(!R)continue;M.some(Ae=>Ae.selector===R.selector&&Ae.tagName===R.tagName)||M.push(R)}return M.length?(a(M[0]??null),t.postMessage({source:"hf-preview",type:"element-picked-many",elementInfos:M}),H(),M):[]}},s("hyperframe:picker:api-ready",{hasApi:!0,timestamp:Date.now()})}return{enablePickMode:ee,disablePickMode:H,installPickerApi:C}}function Ye(t,e){let n=Number.isFinite(e)&&e>0?e:30,i=Number.isFinite(t)&&t>0?t:0;return Math.floor(i*n+1e-9)/n}function ut(t,e,n){if(t){for(let i of Object.values(t))if(!(!i||i===e))try{n(i)}catch(r){_("runtime.player.site1",r)}}}function Ci(t,e,n){let i=Ye(e,n);return t.pause(),typeof t.totalTime=="function"?t.totalTime(i,!1):t.seek(i,!1),i}function as(t,e,n,i){let r=[];ut(t,e,o=>{o.play(),r.push(o)});try{return Ci(e,n,i)}finally{for(let o of r)try{o.pause()}catch(s){_("runtime.player.site2",s)}}}function ls(t,e){ut(t,e,n=>{n.play()})}function Mi(t){return{_timeline:null,play:()=>{let e=t.getTimeline();if(!e||t.getIsPlaying())return;let n=Math.max(0,Number(t.getSafeDuration?.()??e.duration()??0)||0);n>0&&Math.max(0,Number(e.time())||0)>=n&&(e.pause(),e.seek(0,!1),t.onDeterministicSeek(0),t.setIsPlaying(!1),t.onSyncMedia(0,!1),t.onRenderFrameSeek(0)),typeof e.timeScale=="function"&&e.timeScale(t.getPlaybackRate()),e.play(),ut(t.getTimelineRegistry?.(),e,i=>{typeof i.timeScale=="function"&&i.timeScale(t.getPlaybackRate()),i.play()}),t.onDeterministicPlay(),t.setIsPlaying(!0),t.onShowNativeVideos(),t.onStatePost(!0)},pause:()=>{let e=t.getTimeline();if(!e)return;e.pause(),ut(t.getTimelineRegistry?.(),e,i=>{i.pause()});let n=Math.max(0,Number(e.time())||0);t.onDeterministicSeek(n),t.onDeterministicPause(),t.setIsPlaying(!1),t.onSyncMedia(n,!1),t.onRenderFrameSeek(n),t.onStatePost(!0)},seek:(e,n)=>{let i=t.getTimeline();if(!i)return;let r=Math.max(0,Number(e)||0),o=t.getIsPlaying(),s=as(t.getTimelineRegistry?.(),i,r,t.getCanonicalFps());t.onDeterministicSeek(s),n?.keepPlaying&&o?(typeof i.timeScale=="function"&&i.timeScale(t.getPlaybackRate()),i.play(),ut(t.getTimelineRegistry?.(),i,l=>{typeof l.timeScale=="function"&&l.timeScale(t.getPlaybackRate()),l.play()}),t.onDeterministicPlay(),t.onShowNativeVideos(),t.onSyncMedia(s,!0)):(t.setIsPlaying(!1),t.onSyncMedia(s,!1)),t.onRenderFrameSeek(s),t.onStatePost(!0)},renderSeek:e=>{let n=t.getTimeline(),i=t.getCanonicalFps(),r=n?(ls(t.getTimelineRegistry?.(),n),Ci(n,e,i)):Ye(Math.max(0,Number(e)||0),i);t.onDeterministicSeek(r),t.setIsPlaying(!1),t.onSyncMedia(r,!1),t.onRenderFrameSeek(r),t.onStatePost(!0)},getTime:()=>Number(t.getTimeline()?.time()??0),getDuration:()=>Number(t.getTimeline()?.duration()??0),isPlaying:()=>t.getIsPlaying(),setPlaybackRate:e=>t.setPlaybackRate(e),getPlaybackRate:()=>t.getPlaybackRate()}}function Ti(){return{capturedTimeline:null,isPlaying:!1,rafId:null,currentTime:0,deterministicAdapters:[],parityModeEnabled:!0,canonicalFps:30,bridgeMuted:!1,bridgeVolume:1,mediaOutputMuted:!1,mediaAutoplayBlockedPosted:!1,mediaForceSyncNextTick:!1,playbackRate:1,bridgeLastPostedFrame:-1,bridgeLastPostedAt:0,bridgeLastPostedPlaying:!1,bridgeLastPostedMuted:!1,bridgeMaxPostIntervalMs:80,controlBridgeHandler:null,clampDurationLoggedRaw:null,beforeUnloadHandler:null,domReadyHandler:null,injectedCompStyles:[],injectedCompScripts:[],cachedTimedMediaEls:[],cachedMediaClips:[],cachedVideoClips:[],cachedMediaTimelineDurationSeconds:0,tornDown:!1,maxTimelineDurationSeconds:1800,nativeVisualWatchdogTick:0,transportClock:null,transportRafId:null}}var us="data-hf-authored-duration",cs="data-hf-authored-end";function $e(t){if(t==null||t==="")return null;let e=Number(t);return Number.isFinite(e)?e:null}function ds(t){return $e(t.getAttribute("data-duration"))}function fs(t){return $e(t.getAttribute("data-end"))}function ms(t){return $e(t.getAttribute(us))}function ps(t){return $e(t.getAttribute(cs))}function hs(t){let e=(t??"").trim();if(!e)return null;let n=$e(e);if(n!=null)return{kind:"absolute",value:n};let i=e.match(/^([A-Za-z0-9_.:-]+)(?:\s*([+-])\s*([0-9]*\.?[0-9]+))?$/);if(!i)return null;let r=(i[1]??"").trim();if(!r)return null;let o=i[2]??"+",s=i[3]??"0",l=Number.parseFloat(s),a=Number.isFinite(l)?Math.max(0,l):0,u=o==="-"?-a:a;return{kind:"reference",refId:r,offset:u}}function Ge(t){let e=t.timelineRegistry??{},n=t.includeAuthoredTimingAttrs??!1,i=new WeakMap,r=new WeakMap,o=new Set,s=c=>{let m=document.getElementById(c);return m||(document.querySelector(`[data-composition-id="${CSS.escape(c)}"]`)??null)},l=c=>{let m=r.get(c);if(m!==void 0)return m;let f=null,x=ds(c)??(n?ms(c):null);if(x!=null&&x>0&&(f=x),f==null||f<=0){let w=fs(c)??(n?ps(c):null);if(w!=null){let E=u(c,0),b=w-E;Number.isFinite(b)&&b>0&&(f=b)}}if((f==null||f<=0)&&c instanceof HTMLMediaElement){let w=$e(c.getAttribute("data-playback-start"))??$e(c.getAttribute("data-media-start"))??0;Number.isFinite(c.duration)&&c.duration>w&&(f=c.duration-w)}if(f==null||f<=0){let w=c.getAttribute("data-composition-id");if(w){let E=e[w]??null;if(E&&typeof E.duration=="function")try{let b=Number(E.duration());Number.isFinite(b)&&b>0&&(f=b)}catch(b){_("runtime.startResolver.site1",b)}}}return f!=null&&Number.isFinite(f)&&f>0?(r.set(c,f),f):(r.set(c,null),null)},a=(c,m)=>{if(c.hasAttribute("data-composition-id")){let x=c.parentElement?.closest("[data-composition-id]");return x?u(x,m):0}let f=c.closest("[data-composition-id]");return f?u(f,m):0},u=(c,m)=>{let f=i.get(c);if(f!==void 0)return f??m;if(o.has(c))return m;o.add(c);try{let x=hs(c.getAttribute("data-start"));if(!x){if(c.hasAttribute("data-composition-id")){let L=c.parentElement;if(L&&(L.hasAttribute("data-composition-src")||L.hasAttribute("data-composition-id"))){let v=u(L,m);return i.set(c,v),v}}return i.set(c,m),m}if(x.kind==="absolute"){let L=Math.max(0,x.value),v=Math.max(0,a(c,m)+L);return i.set(c,v),v}let w=s(x.refId);if(!w)return i.set(c,m),m;let E=u(w,0),b=l(w);if(b==null||b<=0){let L=Math.max(0,E+x.offset);return i.set(c,L),L}let I=Math.max(0,E+b+x.offset);return i.set(c,I),I}finally{o.delete(c)}};return{resolveStartForElement:(c,m=0)=>u(c,Math.max(0,m)),resolveDurationForElement:c=>l(c)}}var xs="data-hf-authored-duration",gs="data-hf-authored-end";function we(t){if(t==null||t==="")return null;let e=Number(t);return Number.isFinite(e)?e:null}function xn(t){return we(t.getAttribute("data-duration"))??we(t.getAttribute(xs))}function ki(t){return we(t.getAttribute("data-end"))??we(t.getAttribute(gs))}function gn(...t){let e=t.filter(n=>Number.isFinite(n??null));return e.length===0?null:Math.max(...e)}var _i={composition:0,video:1,image:2,element:3,audio:4};function ys(t){if(t.length===0)return;let e=new Map;for(let s of t){let l=e.get(s.track)??new Set;l.add(s.kind),e.set(s.track,l)}if(!Array.from(e.values()).some(s=>s.size>1))return;let i=0,r=new Map,o=[...e.keys()].sort((s,l)=>s-l);for(let s of o){let l=e.get(s);if(l.size===1)r.set(`${s}:${[...l][0]}`,i++);else{let a=[...l].sort((u,c)=>(_i[u]??99)-(_i[c]??99));for(let u of a)r.set(`${s}:${u}`,i++)}}for(let s of t){let l=`${s.track}:${s.kind}`,a=r.get(l);a!=null&&(s.track=a)}}function dt(t){let e=String(t??"").trim();if(!e)return null;let n=e.toLowerCase();if(n.startsWith("data:")||n.startsWith("javascript:"))return null;try{return new URL(e,document.baseURI).toString()}catch{return e}}function vi(t){let e=t.getAttribute("src")??t.getAttribute("data-src");if(e)return dt(e);let n=t.getAttribute("data-composition-src");if(n)return dt(n);let i=t.querySelector("img[src], video[src], audio[src], source[src]");return i?dt(i.getAttribute("src")):null}function Ss(t){let e=t.className;return typeof e!="string"?null:e.split(/\s+/).map(n=>n.trim()).find(n=>n&&n!=="clip"&&!n.startsWith("__hf-"))??null}function bs(t){if(!t)return null;try{return new URL(t,document.baseURI).pathname.split("/").filter(Boolean).at(-1)??null}catch{return t.split(/[\\/]/).filter(Boolean).at(-1)??null}}function As(t){let e=t.textContent?.replace(/\s+/g," ").trim();return e?e.length>32?`${e.slice(0,31)}...`:e:null}function ct(t){let e=t.replace(/\.[^.]+$/i,"").replace(/[-_]+/g," ").replace(/\s+/g," ").trim();return e?e.replace(/\b\w/g,n=>n.toUpperCase()):t}function Es(t,e,n){let i=t.getAttribute("data-timeline-label")??t.getAttribute("data-label")??t.getAttribute("aria-label")??null;if(i?.trim())return i.trim();let r=t.getAttribute("data-composition-id");if(r)return ct(r);let o=t.id;if(o)return ct(o);let s=Ss(t);if(s)return ct(s);let l=bs(vi(t));if(l)return ct(l);let a=As(t);return a||`${ct(e)} ${n+1}`}function Ri(t){let n=window.__timelines??{},i=Ge({timelineRegistry:n,includeAuthoredTimingAttrs:!0}),r=W=>{if(!W)return null;let T=n[W]??null;if(!T||typeof T.duration!="function")return null;try{let O=Number(T.duration());return Number.isFinite(O)&&O>0?O:null}catch{return null}},o=W=>{let T=we(W.getAttribute("data-duration"));if(T!=null&&T>0)return T;let O=we(W.getAttribute("data-playback-start"))??we(W.getAttribute("data-media-start"))??0;return Number.isFinite(W.duration)&&W.duration>O?Math.max(0,W.duration-O):null},s=()=>{let W=Array.from(document.querySelectorAll("video[data-start], audio[data-start]"));if(W.length===0)return null;let T=0;for(let O of W){let Z=i.resolveStartForElement(O,0);if(!Number.isFinite(Z))continue;let re=o(O);re==null||re<=0||(T=Math.max(T,Math.max(0,Z)+re))}return T>0?T:null},l=W=>{let T=W.trim().toLowerCase();return!(!T||T==="main"||T.includes("caption")||T.includes("ambient"))},a=(W,T)=>{let O=[],Z=null,re=null,U=null,z=W.parentElement;for(;z;){let $=z.getAttribute("data-composition-id");$&&(O.push($),!U&&z!==T&&(U=$),Z==null&&(Z=i.resolveStartForElement(z,0)),re==null&&(re=we(z.getAttribute("data-duration"))??r($)??null)),z=z.parentElement}return{parentCompositionId:U,compositionAncestors:O.reverse(),inheritedStart:Z,inheritedDuration:re}},u=document.querySelector("[data-composition-id]"),c=Array.from(document.querySelectorAll("[data-composition-id]")),m=u?.getAttribute("data-composition-id")??null,f=u?i.resolveStartForElement(u,0):0,x=s(),w=x!=null?Math.max(0,x-Math.max(0,f)):null,E=r(m),b=xn(u??document.body),I=gn(...c.filter(W=>W!==u).map(W=>{let T=i.resolveStartForElement(W,0),O=i.resolveDurationForElement(W)??r(W.getAttribute("data-composition-id"))??null;return!Number.isFinite(T)||O==null||O<=0?null:Math.max(0,T)+O})),L=I!=null?Math.max(0,I-Math.max(0,f)):null,v=typeof E=="number"&&Number.isFinite(E)&&E>0?E:null,ee=typeof b=="number"&&Number.isFinite(b)&&b>0?b:null,H=typeof w=="number"&&Number.isFinite(w)&&w>0?w:null,C=typeof L=="number"&&Number.isFinite(L)&&L>0?L:null,g=gn(H,C),A=v!=null&&g!=null&&v>g+1,N=ee??(A?g:gn(v,H,C)),F=N!=null?Math.min(N,t.maxTimelineDurationSeconds):null,k=(F!=null?f+F:null)??(typeof x=="number"&&Number.isFinite(x)&&x>0?x:null),Y=(W,T)=>!Number.isFinite(T)||T<=0?0:k==null||!Number.isFinite(k)?T:!Number.isFinite(W)||W>=k?0:Math.max(0,Math.min(T,k-W)),G=[],R=[],le=Array.from(document.querySelectorAll("[data-start], [data-track-index], [data-composition-id], video, audio, img")),Ae=0;for(let W=0;W<le.length;W+=1){let T=le[W];if(T===u||["SCRIPT","STYLE","LINK","META","TEMPLATE","NOSCRIPT"].includes(T.tagName))continue;let O=a(T,u),Z=i.resolveStartForElement(T,O.inheritedStart??0),re=T.getAttribute("data-composition-id"),U=xn(T);if((U==null||U<=0)&&re&&re!==m&&(U=r(re)),(U==null||U<=0)&&T instanceof HTMLMediaElement){let ce=we(T.getAttribute("data-playback-start"))??we(T.getAttribute("data-media-start"))??0;Number.isFinite(T.duration)&&T.duration>0&&(U=Math.max(0,T.duration-ce))}if(U==null||U<=0){let ce=O.inheritedDuration;if(ce!=null&&ce>0){let Ee=(O.inheritedStart??0)+ce;U=Math.max(0,Ee-Z)}}if(U==null||U<=0||(U=Y(Z,U),U<=0))continue;let z=Z+U;Ae=Math.max(Ae,z);let $=T.tagName.toLowerCase(),Te=re&&re!==m?"composition":$==="video"?"video":$==="audio"?"audio":$==="img"?"image":"element";G.push({id:T.id||re||null,label:Es(T,Te,G.length),start:Z,duration:U,track:Number.parseInt(T.getAttribute("data-track-index")??T.getAttribute("data-track")??String(W),10)||0,kind:Te,tagName:$,compositionId:T.getAttribute("data-composition-id"),compositionAncestors:O.compositionAncestors,parentCompositionId:O.parentCompositionId,nodePath:null,compositionSrc:dt(T.getAttribute("data-composition-src")),assetUrl:vi(T),timelineRole:T.getAttribute("data-timeline-role"),timelineLabel:T.getAttribute("data-timeline-label"),timelineGroup:T.getAttribute("data-timeline-group"),timelinePriority:we(T.getAttribute("data-timeline-priority"))})}let q=new Set(G.map(W=>W.id)),J=u?.getAttribute("data-composition-id")??null,P=J?n[J]??null:null;if(P&&u){let W=P;if(typeof W.getChildren=="function")try{let T=W.getChildren(!0,!0,!1)??[],O=new Map;for(let U of u.children){let z=U;if(!z.id)continue;let $=z.tagName.toLowerCase();$==="script"||$==="style"||$==="link"||O.set(z,{id:z.id,start:1/0,end:-1/0})}let Z=U=>{let z=U;for(;z;){if(O.has(z))return z;if(z===u)return null;z=z.parentElement}return null};for(let U of T){if(typeof U.targets!="function"||typeof U.startTime!="function"||typeof U.duration!="function")continue;let z=U.startTime(),$=U.parent;for(;$&&$!==P&&typeof $.startTime=="function";)z+=$.startTime(),$=$.parent;let Te=z+U.duration();if(!(!Number.isFinite(z)||!Number.isFinite(Te)))for(let ce of U.targets()){if(!(ce instanceof Element))continue;let Se=Z(ce);if(!Se)continue;let Ee=O.get(Se);Ee&&(Ee.start=Math.min(Ee.start,z),Ee.end=Math.max(Ee.end,Te))}}let re=G.length>0?Math.max(...G.map(U=>U.track))+1:0;for(let[U,z]of O){if(z.start===1/0||z.end===-1/0)continue;let $=U;if(q.has($.id))continue;let Te=Math.max(0,z.end-z.start);if(Te<=0)continue;let ce=Y(z.start,Te);ce<=0||(Ae=Math.max(Ae,z.start+ce),G.push({id:$.id,label:$.getAttribute("data-timeline-label")??$.getAttribute("data-label")??$.getAttribute("aria-label")??$.id,start:z.start,duration:ce,track:Number.parseInt($.getAttribute("data-track-index")??$.getAttribute("data-track")??"",10)||re,kind:"element",tagName:$.tagName.toLowerCase(),compositionId:$.getAttribute("data-composition-id"),compositionAncestors:J?[J]:[],parentCompositionId:J,nodePath:null,compositionSrc:null,assetUrl:null,timelineRole:$.getAttribute("data-timeline-role"),timelineLabel:$.getAttribute("data-timeline-label"),timelineGroup:$.getAttribute("data-timeline-group"),timelinePriority:we($.getAttribute("data-timeline-priority"))}),q.add($.id))}}catch(T){_("runtime.timeline.site1",T)}}if(u&&F!=null&&F>0){let W=G.length>0?Math.max(...G.map(T=>T.track))+1:0;for(let T of u.children){let O=T;if(!O.id||q.has(O.id))continue;let Z=O.getAttribute("data-timeline-role");if(Z!=="overlay"&&Z!=="persistent-overlay")continue;let re=O.tagName.toLowerCase();if(re==="script"||re==="style"||re==="link"||re==="meta"||window.getComputedStyle(O).display==="none")continue;let z=Y(0,F);z<=0||(Ae=Math.max(Ae,z),G.push({id:O.id,label:O.getAttribute("data-timeline-label")??O.getAttribute("data-label")??O.getAttribute("aria-label")??O.id,start:0,duration:z,track:Number.parseInt(O.getAttribute("data-track-index")??O.getAttribute("data-track")??"",10)||W,kind:"element",tagName:re,compositionId:O.getAttribute("data-composition-id"),compositionAncestors:J?[J]:[],parentCompositionId:J,nodePath:null,compositionSrc:null,assetUrl:null,timelineRole:Z,timelineLabel:O.getAttribute("data-timeline-label"),timelineGroup:O.getAttribute("data-timeline-group"),timelinePriority:we(O.getAttribute("data-timeline-priority"))}),q.add(O.id))}}ys(G);for(let W of c){if(W===u)continue;let T=W.getAttribute("data-composition-id");if(!T||!l(T))continue;let O=i.resolveStartForElement(W,0),Z=xn(W);if((Z==null||Z<=0)&&ki(W)!=null){let $=ki(W);Z=Math.max(0,$-O)}let re=r(T),U=Z&&Z>0?Z:re;if(U==null||U<=0)continue;let z=Y(O,U);z<=0||R.push({id:T,label:W.getAttribute("data-label")??T,start:O,duration:z,thumbnailUrl:dt(W.getAttribute("data-thumbnail-url")),avatarName:null})}let K=Math.max(1,Math.min(Math.max(Ae||1,F??0),t.maxTimelineDurationSeconds));return{source:"hf-preview",type:"timeline",durationInFrames:A&&ee==null?Number.POSITIVE_INFINITY:Math.max(1,Math.ceil(K*Math.max(1,t.canonicalFps))),clips:G,scenes:R,compositionWidth:we(u?.getAttribute("data-width"))??1920,compositionHeight:we(u?.getAttribute("data-height"))??1080}}var ae=ns(io(),1),ro=ae.default,zc=ae.default.stringify,jc=ae.default.fromJSON,Vc=ae.default.plugin,$c=ae.default.parse,Gc=ae.default.list,Jc=ae.default.document,Kc=ae.default.comment,Qc=ae.default.atRule,Yc=ae.default.rule,Zc=ae.default.decl,Xc=ae.default.root,ed=ae.default.CssSyntaxError,td=ae.default.Declaration,nd=ae.default.Container,id=ae.default.Processor,rd=ae.default.Document,od=ae.default.Comment,sd=ae.default.Warning,ad=ae.default.AtRule,ld=ae.default.Result,ud=ae.default.Input,cd=ae.default.Rule,dd=ae.default.Root,fd=ae.default.Node;var zn="data-hf-authored-id";function jn(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function Vn(t){return t.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}function ja(t){return t&&t.replace(/[^a-zA-Z0-9_-]/g,n=>`\\${n}`).replace(/^-?\d/,n=>`\\${n}`)}function oo(t){let e=t.trim();return e?Array.from(new Set([e,ja(e)])).filter(Boolean):[]}function Va(t){return!!t&&/[\w-]/.test(t)}function $a(t,e,n){let i=oo(e).sort((l,a)=>a.length-l.length);if(i.length===0)return t;let r="",o=0,s=null;for(let l=0;l<t.length;l+=1){let a=t[l],u=l>0?t[l-1]:"";if(s){r+=a,a===s&&u!=="\\"&&(s=null);continue}if(a==='"'||a==="'"){s=a,r+=a;continue}if(a==="["){o+=1,r+=a;continue}if(a==="]"){o=Math.max(0,o-1),r+=a;continue}if(a==="#"&&o===0){let c=i.find(m=>t.startsWith(m,l+1));if(c){let m=t[l+1+c.length];if(!Va(m)){r+=n,l+=c.length;continue}}}r+=a}return r}function Ga(t,e){let n=e?.trim();return n?$a(t,n,`[${zn}="${Vn(n)}"]`):t}function Ja(t,e,n,i,r){let o=Ga(t,i),s=Ka(o,e,n),l=s.trim();if(!l||/^(html|body|:root|\*)$/i.test(l))return t;let a=new RegExp(`\\[\\s*data-composition-id\\s*=\\s*(["'])${jn(n)}\\1\\s*\\]`,"g");if(a.test(l))return s.replace(a,e);let u=s.match(/^\s*/)?.[0]??"",c=s.match(/\s*$/)?.[0]??"";if(r){let m=i?`[${zn}="${Vn(i)}"]`:null;if(m&&l.startsWith(m)){let f=l.slice(m.length);return`${u}${e}${m}${f}${c}`}}return`${u}${e} ${l}${c}`}function Ka(t,e,n){let i=jn(n),r=String.raw`\[\s*data-composition-id\s*=\s*(?:"${i}"|'${i}')\s*\]`,o=String.raw`\s*\[\s*data-(?:start|duration)\s*=\s*(?:"[^"]*"|'[^']*')\s*\]`;return t.replace(new RegExp(`${r}(?:${o})+`,"g"),e).replace(new RegExp(`(?:${o})+${r}`,"g"),e)}var Qa=new Set(["keyframes","-webkit-keyframes","font-face"]);function Ya(t){return t?.type==="atrule"}function Za(t){let e=t.parent;for(;e;){if(Ya(e)&&Qa.has(e.name.toLowerCase()))return!0;e=e.parent}return!1}function $n(t,e,n,i,r){let o=e.trim();if(!t||!o)return t;let s=n||`[data-composition-id="${Vn(o)}"]`,l=ro.parse(t);return l.walkRules(a=>{Za(a)||(a.selectors=a.selectors.map(u=>Ja(u,s,o,i,r?.compoundAuthoredRoot)))}),l.toResult({map:!1}).css}function so(t,e,n="[HyperFrames] composition script error:",i,r=e,o){let s=JSON.stringify(e),l=JSON.stringify(r),a=JSON.stringify(n),u=jn(e),c=JSON.stringify(o?.trim()||null),m=JSON.stringify(i??null),f=JSON.stringify(String.raw`\[\s*data-composition-id\s*=\s*(?:"${u}"|'${u}')\s*\]`),x=JSON.stringify(String.raw`\s*\[\s*data-(?:start|duration)\s*=\s*(?:"[^"]*"|'[^']*')\s*\]`),w=JSON.stringify(oo(o?.trim()||""));return`(function(){
|
|
41
41
|
var __hfCompId = ${s};
|
|
42
42
|
var __hfTimelineCompId = ${l};
|
|
43
43
|
var __hfErrorLabel = ${a};
|
|
@@ -306,8 +306,9 @@ https://www.w3ctech.com/topic/2226`));let l=n(...s);return l.postcssPlugin=e,l.p
|
|
|
306
306
|
});
|
|
307
307
|
var __hfRun = function() {
|
|
308
308
|
try {
|
|
309
|
-
|
|
310
|
-
|
|
309
|
+
(function(document, gsap, window, __hyperframes) {
|
|
310
|
+
${t.replace(/<\/(script)/gi,"<\\/$1")}
|
|
311
|
+
}).call(window, __hfScopedDocument, __hfScopedGsap, __hfScopedWindow, __hfScopedHyperframes);
|
|
311
312
|
} catch (_err) {
|
|
312
313
|
console.error(__hfErrorLabel, __hfCompId, _err);
|
|
313
314
|
}
|