@wyxos/vibe 4.4.0 → 4.4.1

package/README.md

@@ -577,7 +577,9 @@ behavior across masonry viewer closes.
 ## Custom feed footer
 
 Set `feedFooter.component` to replace the built-in `GalleryFooter`. Consumers
-that omit it keep the existing pagination and end-of-feed footer.
+that omit it keep the built-in manual load, retry, and end-of-feed controls.
+The manual Load more action remains available when infinite scrolling is
+enabled, so short feeds can continue without requiring a scrollbar.
 
 ```ts
 import FeedFooter from './FeedFooter.vue'

package/lib/components/FeedFooter.vue.d.ts

@@ -5,7 +5,6 @@ type __VLS_Props = {
     feedFooter?: VibeFeedFooter;
     hasError: boolean;
     hasNext: boolean;
-    infiniteScroll: boolean;
     isLoading: boolean;
     loadMoreLocked: boolean;
     state?: VibeState;

package/lib/components/GalleryFooter.vue.d.ts

@@ -2,7 +2,6 @@ type __VLS_Props = {
     canRetryEnd: boolean;
     hasError: boolean;
     hasNext: boolean;
-    infiniteScroll: boolean;
     isLoading: boolean;
     loadMoreLocked: boolean;
 };

package/lib/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`vue`);function t(e){return[e,...e.items]}function n(e,t){return Math.min(e.items.length,Math.max(0,t))}function r(e,r){return t(e)[n(e,r)]??e}function i(e,t){return`${String(e)}:${t}`}function a(e){return{activeReelPostId:e.activeReelPostId,autoScroll:{...e.autoScroll},autofill:{...e.autofill},error:e.error,fill:{...e.fill,target:e.fill.target?{...e.fill.target}:null},infiniteScroll:e.infiniteScroll,isLoading:e.isLoading,isLoadingMore:e.isLoadingMore,items:[...e.items],layout:e.layout,lifecycle:e.isLoading||e.isLoadingMore?`loading`:e.error||e.nextPageError?`error`:`loaded`,loadMoreLocked:e.loadMoreLocked,next:e.next,nextPageError:e.nextPageError,reelAutoAdvance:{...e.reelAutoAdvance},reelInfoSheet:{...e.reelInfoSheet},reelOrigin:e.reelOrigin,total:e.total}}var o={key:0,class:`gallery-footer`},s={key:0,class:`load-more-status`,role:`status`},c=[`disabled`],l={key:2,class:`gallery-sentinel`,"aria-hidden":`true`},u={key:3,class:`end-feed`},d=[`disabled`],f=(0,e.defineComponent)({__name:`GalleryFooter`,props:{canRetryEnd:{type:Boolean},hasError:{type:Boolean},hasNext:{type:Boolean},infiniteScroll:{type:Boolean},isLoading:{type:Boolean},loadMoreLocked:{type:Boolean}},emits:[`loadMore`,`retryEnd`],setup(t,{emit:n}){let r=t,i=n;function a(){r.loadMoreLocked||(r.hasNext?i(`loadMore`):i(`retryEnd`))}return(n,r)=>t.hasNext||t.isLoading||t.hasError||t.canRetryEnd?((0,e.openBlock)(),(0,e.createElementBlock)(`footer`,o,[t.isLoading?((0,e.openBlock)(),(0,e.createElementBlock)(`p`,s,` Loading more… `)):t.hasError||t.hasNext&&(!t.infiniteScroll||t.loadMoreLocked)?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:1,"data-test":`load-more`,class:`load-more-button`,type:`button`,disabled:t.loadMoreLocked,onClick:a},(0,e.toDisplayString)(t.hasError?`Try again`:t.loadMoreLocked?`Loading paused`:`Load more`),9,c)):t.hasNext?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,l)):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,u,[r[1]||=(0,e.createElementVNode)(`p`,{class:`end-feed-message`,role:`status`},` You've reached the end. `,-1),(0,e.createElementVNode)(`button`,{"data-test":`retry-end`,class:`load-more-button`,type:`button`,disabled:t.loadMoreLocked,onClick:r[0]||=e=>n.$emit(`retryEnd`)},` Check for more `,8,d)]))])):(0,e.createCommentVNode)(``,!0)}}),p=(0,e.defineComponent)({__name:`FeedFooter`,props:{actions:{},canRetryEnd:{type:Boolean},feedFooter:{},hasError:{type:Boolean},hasNext:{type:Boolean},infiniteScroll:{type:Boolean},isLoading:{type:Boolean},loadMoreLocked:{type:Boolean},state:{}},emits:[`loadMore`,`retryEnd`],setup(t,{emit:n}){let r=t,i=n;function a(){r.actions?.cancelAutofill()}function o(){r.actions?.retry()}return(n,r)=>t.feedFooter&&t.actions&&t.state?((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.feedFooter.component),{key:0,actions:t.actions,"can-retry-end":t.canRetryEnd,state:t.state,onAutofillCancel:a,onLoadMore:r[0]||=e=>i(`loadMore`),onRetry:o,onRetryEnd:r[1]||=e=>i(`retryEnd`)},null,40,[`actions`,`can-retry-end`,`state`])):((0,e.openBlock)(),(0,e.createBlock)(f,{key:1,"can-retry-end":t.canRetryEnd,"has-error":t.hasError,"has-next":t.hasNext,"infinite-scroll":t.infiniteScroll,"is-loading":t.isLoading,"load-more-locked":t.loadMoreLocked,onLoadMore:r[2]||=e=>i(`loadMore`),onRetryEnd:r[3]||=e=>i(`retryEnd`)},null,8,[`can-retry-end`,`has-error`,`has-next`,`infinite-scroll`,`is-loading`,`load-more-locked`]))}}),m=[`role`],h={class:`gallery-status`},g=(0,e.defineComponent)({__name:`FeedStatus`,props:{actions:{},canRetryEnd:{type:Boolean},feedFooter:{},state:{}},emits:[`loadMore`,`retryEnd`],setup(t,{emit:n}){let r=t,i=n;return(n,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(`main`,{class:`gallery-shell`,role:r.state.error?`alert`:r.state.isLoading?`status`:void 0},[(0,e.createElementVNode)(`p`,h,[r.state.error?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:0},[(0,e.createTextVNode)(` Unable to load media. `)],64)):r.state.isLoading?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[(0,e.createTextVNode)(` Loading media… `)],64)):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:2},[(0,e.createTextVNode)(` No media found. `)],64))]),t.feedFooter?((0,e.openBlock)(),(0,e.createBlock)(p,{key:0,actions:t.actions,"can-retry-end":t.canRetryEnd,"feed-footer":t.feedFooter,"has-error":!!t.state.nextPageError,"has-next":t.state.next!==null,"infinite-scroll":t.state.infiniteScroll,"is-loading":t.state.isLoadingMore,"load-more-locked":t.state.loadMoreLocked,state:t.state,onLoadMore:a[0]||=e=>i(`loadMore`),onRetryEnd:a[1]||=e=>i(`retryEnd`)},null,8,[`actions`,`can-retry-end`,`feed-footer`,`has-error`,`has-next`,`infinite-scroll`,`is-loading`,`load-more-locked`,`state`])):(0,e.createCommentVNode)(``,!0)],8,m))}});function _(e){return e.scrollHeight-e.scrollTop-e.clientHeight<=240}function v(e){let t=e.preview.width??e.width,n=e.preview.height??e.height;return!t||!n||t<=0||n<=0?1:n/t}function y(e){return e.reduce((t,n,r)=>n<e[t]?r:t,0)}function b(e){return Math.max(0,e.containerHeight)+Math.max(0,e.gap)}function x(e,t){let n=Math.max(0,t.overscan),r=t.scrollTop-n,i=t.scrollTop+Math.max(0,t.viewportHeight)+n;return e.reduce((e,t,n)=>(t.y+t.height>=r&&t.y<=i&&e.push(n),e),[])}function S(e,t,n){if(t<=0||e.length===0)return{columns:0,height:0,items:[]};let r=Math.max(0,n.gap),i=Number.isFinite(n.additionalHeight)?Math.max(0,n.additionalHeight??0):0,a=Math.max(1,n.minColumnWidth),o=Math.max(1,Math.floor((t+r)/(a+r))),s=(t-r*(o-1))/o,c=Array.from({length:o},()=>0),l=e.map(e=>{let t=y(c),n=s*v(e)+i,a={x:t*(s+r),y:c[t],width:s,height:n};return c[t]+=n+r,a});return{columns:o,height:Math.max(...c)-r,items:l}}function C(e,t,n){return Math.min(n,Math.max(t,e))}function w({contentSize:e,minimumThumbSize:t,scrollPosition:n,trackSize:r,viewportSize:i}){let a=Math.max(0,e),o=Math.max(0,r),s=Math.max(0,i),c=Math.max(0,a-s);if(!(c>0&&o>0))return{maximumScrollPosition:c,scrollable:!1,thumbOffset:0,thumbSize:o,thumbTravel:0};let l=C(s/a*o,Math.min(Math.max(0,t),o),o),u=Math.max(0,o-l);return{maximumScrollPosition:c,scrollable:!0,thumbOffset:u*(C(n,0,c)/c),thumbSize:l,thumbTravel:u}}var T=[`aria-hidden`],E=[`aria-controls`,`aria-valuemax`,`aria-valuenow`,`tabindex`],D=32,O=40,k=120,A=(0,e.defineComponent)({__name:`GalleryScrollbar`,props:{contentSize:{},controlsId:{},scrollElement:{},suspended:{type:Boolean}},setup(t){let n=t,r={maximumScrollPosition:0,scrollable:!1,thumbOffset:0,thumbSize:0,thumbTravel:0},i=(0,e.shallowRef)(null),a=(0,e.shallowRef)(r),o=(0,e.shallowRef)(!1),s=(0,e.shallowRef)(!1),c=(0,e.shallowRef)(!1),l=null,u=0,d=0,f=null,p=null,m=null,h=null,g=!1,_=null,v=(0,e.computed)(()=>a.value.scrollable&&!n.suspended),y=(0,e.computed)(()=>({height:`${a.value.thumbSize}px`,transform:`translate3d(0, ${a.value.thumbOffset}px, 0)`}));function b(){f!==null&&clearTimeout(f),f=setTimeout(()=>{f=null,o.value||(s.value=!1)},k)}function x(){s.value=!0,b()}function S(){let e=n.scrollElement,t=i.value;return!e||!t?r:w({contentSize:e.scrollHeight,minimumThumbSize:D,scrollPosition:e.scrollTop,trackSize:t.clientHeight,viewportSize:e.clientHeight})}function C(e){if(o.value&&e!==`scroll`){g=!0;return}if(o.value){let e=n.scrollElement;if(!e||a.value.maximumScrollPosition<=0)return;let t=Math.min(1,Math.max(0,e.scrollTop/a.value.maximumScrollPosition));a.value={...a.value,thumbOffset:a.value.thumbTravel*t};return}a.value=S(),!(c.value||p!==null)&&(p=requestAnimationFrame(()=>{p=null,c.value=!0}))}function A(){x(),C(`scroll`)}function j(e){let t=n.scrollElement;t&&(t.scrollTop=Math.min(a.value.maximumScrollPosition,Math.max(0,e)),C(`scroll`))}function M(e){if(!v.value||e.target!==e.currentTarget)return;let t=i.value;if(!t||a.value.thumbTravel<=0)return;e.preventDefault(),x();let n=e.clientY-t.getBoundingClientRect().top-a.value.thumbSize/2;j(Math.min(1,Math.max(0,n/a.value.thumbTravel))*a.value.maximumScrollPosition)}function N(e){v.value&&(e.preventDefault(),e.stopPropagation(),e.currentTarget.setPointerCapture?.(e.pointerId),l=e.pointerId,u=e.clientY,d=n.scrollElement?.scrollTop??0,o.value=!0,s.value=!0,f!==null&&clearTimeout(f),f=null)}function P(e){if(!o.value||e.pointerId!==l||(e.preventDefault(),a.value.thumbTravel<=0))return;let t=(e.clientY-u)/a.value.thumbTravel*a.value.maximumScrollPosition;j(d+t)}function F(e){!o.value||e.pointerId!==l||(e.currentTarget.releasePointerCapture?.(e.pointerId),l=null,o.value=!1,g&&(g=!1,C(`content`)),b())}function I(e){if(!v.value)return;let t=n.scrollElement?.clientHeight??0,r=n.scrollElement?.scrollTop??0,i=e.key===`ArrowUp`?r-O:e.key===`ArrowDown`?r+O:e.key===`PageUp`?r-t:e.key===`PageDown`?r+t:e.key===`Home`?0:e.key===`End`?a.value.maximumScrollPosition:null;i!==null&&(e.preventDefault(),x(),j(i))}function L(e){if(h?.disconnect(),!(typeof ResizeObserver>`u`)){h=new ResizeObserver(()=>C(`content`));for(let t of e.children)h.observe(t)}}return(0,e.watch)(()=>n.scrollElement,(t,n)=>{n?.removeEventListener(`scroll`,A),m?.disconnect(),m=null,h?.disconnect(),h=null,_?.disconnect(),_=null,t?.addEventListener(`scroll`,A,{passive:!0}),t&&typeof ResizeObserver<`u`&&(_=new ResizeObserver(()=>{x(),C(`resize`)}),_.observe(t),L(t)),t&&typeof MutationObserver<`u`&&(m=new MutationObserver(()=>{L(t),C(`content`)}),m.observe(t,{childList:!0})),(0,e.nextTick)(()=>C(`resize`))},{immediate:!0}),(0,e.watch)(()=>n.contentSize,()=>{(0,e.nextTick)(()=>C(`content`))}),(0,e.onBeforeUnmount)(()=>{n.scrollElement?.removeEventListener(`scroll`,A),m?.disconnect(),h?.disconnect(),_?.disconnect(),f!==null&&clearTimeout(f),p!==null&&cancelAnimationFrame(p)}),(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{ref_key:`trackElement`,ref:i,class:(0,e.normalizeClass)([`gallery-scrollbar`,{"gallery-scrollbar--dragging":o.value,"gallery-scrollbar--interacting":s.value,"gallery-scrollbar--ready":c.value,"gallery-scrollbar--visible":v.value}]),"aria-hidden":!v.value||void 0,onPointerdown:M},[(0,e.createElementVNode)(`div`,{class:`gallery-scrollbar-thumb`,"aria-controls":t.controlsId,"aria-label":`Media gallery scroll position`,"aria-orientation":`vertical`,"aria-valuemax":Math.round(a.value.maximumScrollPosition),"aria-valuemin":`0`,"aria-valuenow":Math.round(t.scrollElement?.scrollTop??0),role:`scrollbar`,style:(0,e.normalizeStyle)(y.value),tabindex:v.value?0:-1,onKeydown:I,onPointercancel:F,onPointerdown:N,onPointermove:P,onPointerup:F},null,44,E)],42,T))}}),j=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},M=e=>e===``,N=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),P=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),F=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,n)=>n?n.toUpperCase():t.toLowerCase()),I=e=>{let t=F(e);return t.charAt(0).toUpperCase()+t.slice(1)},L={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":2,"stroke-linecap":`round`,"stroke-linejoin":`round`},R=({name:t,iconNode:n,absoluteStrokeWidth:r,"absolute-stroke-width":i,strokeWidth:a,"stroke-width":o,size:s=L.width,color:c=L.stroke,...l},{slots:u})=>(0,e.h)(`svg`,{...L,...l,width:s,height:s,stroke:c,"stroke-width":M(r)||M(i)||r===!0||i===!0?Number(a||o||L[`stroke-width`])*24/Number(s):a||o||L[`stroke-width`],class:N(`lucide`,l.class,...t?[`lucide-${P(I(t))}-icon`,`lucide-${P(t)}`]:[`lucide-icon`]),...!u.default&&!j(l)&&{"aria-hidden":`true`}},[...n.map(t=>(0,e.h)(...t)),...u.default?[u.default()]:[]]),z=(t,n)=>(r,{slots:i,attrs:a})=>(0,e.h)(R,{...a,...r,iconNode:n,name:t},i),ee=z(`chevron-left`,[[`path`,{d:`m15 18-6-6 6-6`,key:`1wnfg3`}]]),B=z(`chevron-right`,[[`path`,{d:`m9 18 6-6-6-6`,key:`mthhwq`}]]),V=z(`pause`,[[`rect`,{x:`14`,y:`3`,width:`5`,height:`18`,rx:`1`,key:`kaeet6`}],[`rect`,{x:`5`,y:`3`,width:`5`,height:`18`,rx:`1`,key:`1wsw3u`}]]),H=z(`play`,[[`path`,{d:`M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z`,key:`10ikf1`}]]),te=z(`volume-2`,[[`path`,{d:`M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z`,key:`uqj9uw`}],[`path`,{d:`M16 9a5 5 0 0 1 0 6`,key:`1q6k2b`}],[`path`,{d:`M19.364 18.364a9 9 0 0 0 0-12.728`,key:`ijwkga`}]]),U=z(`volume-x`,[[`path`,{d:`M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z`,key:`uqj9uw`}],[`line`,{x1:`22`,x2:`16`,y1:`9`,y2:`15`,key:`1ewh16`}],[`line`,{x1:`16`,x2:`22`,y1:`9`,y2:`15`,key:`5ykzw1`}]]),ne={401:`Authentication required`,403:`Access forbidden`,404:`Preview not found`,419:`Session expired`,500:`Server error`};function W(e){return e.match(/\/demo-errors\/(401|403|404|419|500)\//)?.[1]??`Error`}function re(e){return ne[W(e)]??`Preview unavailable`}var G=/\.(aac|flac|m4a|mp3|mp4|mov|ogg|opus|wav|webm)$/i;function ie(e){try{return G.test(new URL(e).pathname)}catch{return G.test(e.split(`?`)[0]??e)}}var K=(0,e.defineComponent)({__name:`CardRegion`,props:{index:{},item:{},layout:{},loadedCount:{},mediaIndex:{},mediaSource:{},placement:{},region:{},style:{},total:{}},setup(i){let a=i,o=(0,e.computed)(()=>n(a.item,a.mediaIndex)),s=(0,e.computed)(()=>t(a.item)),c=(0,e.computed)(()=>r(a.item,o.value)),l=(0,e.computed)(()=>({height:`${a.region.height}px`,paddingBlock:a.style?.paddingY===void 0?void 0:`${a.style.paddingY}px`,paddingInline:a.style?.paddingX===void 0?void 0:`${a.style.paddingX}px`})),u=(0,e.computed)(()=>a.style?.background??a.region.background);return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:(0,e.normalizeClass)([`media-card-region`,[`media-card-${i.placement}`,{"media-card-region--transparent":u.value===`transparent`}]]),style:(0,e.normalizeStyle)(l.value),onClick:n[0]||=(0,e.withModifiers)(()=>{},[`stop`]),onKeydown:n[1]||=(0,e.withModifiers)(()=>{},[`stop`])},[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(i.region.component),{index:i.index,item:i.item,layout:i.layout,"loaded-count":i.loadedCount,"media-count":s.value.length,"media-index":o.value,"media-item":c.value,"media-source":i.mediaSource??`preview`,total:i.total},null,8,[`index`,`item`,`layout`,`loaded-count`,`media-count`,`media-index`,`media-item`,`media-source`,`total`]))],38))}}),ae=[`max`,`value`,`aria-valuetext`,`disabled`],oe={key:0,class:`media-controls-row`},se=[`aria-label`,`title`],ce={class:`media-controls-audio`},le=[`aria-label`,`title`],ue=[`value`,`aria-valuetext`],de={class:`media-control-time`,"aria-live":`off`},fe=(0,e.defineComponent)({__name:`MediaControls`,props:{currentTime:{},duration:{},layout:{},muted:{type:Boolean},playing:{type:Boolean},volume:{}},emits:[`seek`,`toggleMute`,`togglePlayback`,`volumeChange`],setup(t,{emit:n}){let r=t,i=n;function a(e,t=1){return Number.isFinite(e)?Math.min(t,Math.max(0,e)):0}function o(e){let t=Math.floor(a(e,2**53-1)),n=Math.floor(t/3600),r=Math.floor(t%3600/60),i=t%60;return n>0?`${n}:${String(r).padStart(2,`0`)}:${String(i).padStart(2,`0`)}`:`${r}:${String(i).padStart(2,`0`)}`}function s(e){return Number(e.target.value)}let c=(0,e.computed)(()=>Math.max(0,r.duration)),l=(0,e.computed)(()=>a(r.currentTime,c.value)),u=(0,e.computed)(()=>({"--media-range-progress":`${c.value>0?l.value/c.value*100:0}%`})),d=(0,e.computed)(()=>({"--media-range-progress":`${a(r.volume)*100}%`}));return(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:(0,e.normalizeClass)([`media-controls`,`media-controls--${t.layout}`]),"aria-label":`Video controls`,onClick:r[4]||=(0,e.withModifiers)(()=>{},[`stop`]),onDblclick:r[5]||=(0,e.withModifiers)(()=>{},[`stop`]),onKeydown:r[6]||=(0,e.withModifiers)(()=>{},[`stop`]),onWheel:r[7]||=(0,e.withModifiers)(()=>{},[`stop`])},[(0,e.createElementVNode)(`input`,{class:`media-control-range media-control-seek`,type:`range`,min:`0`,max:c.value||0,step:`0.1`,value:l.value,style:(0,e.normalizeStyle)(u.value),"aria-label":`Seek video`,"aria-valuetext":`${o(l.value)} of ${o(c.value)}`,disabled:c.value<=0,onInput:r[0]||=e=>i(`seek`,s(e))},null,44,ae),t.layout===`reel`?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,oe,[(0,e.createElementVNode)(`button`,{type:`button`,class:`media-control-button media-control-playback`,"aria-label":t.playing?`Pause video`:`Play video`,title:t.playing?`Pause`:`Play`,onClick:r[1]||=e=>i(`togglePlayback`)},[t.playing?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(V),{key:0,size:18,fill:`currentColor`})):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(H),{key:1,size:18,fill:`currentColor`}))],8,se),(0,e.createElementVNode)(`div`,ce,[(0,e.createElementVNode)(`button`,{type:`button`,class:`media-control-button`,"aria-label":t.muted?`Unmute video`:`Mute video`,title:t.muted?`Unmute`:`Mute`,onClick:r[2]||=e=>i(`toggleMute`)},[t.muted||t.volume===0?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(U),{key:0,size:18})):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(te),{key:1,size:18}))],8,le),(0,e.createElementVNode)(`input`,{class:`media-control-range media-control-volume`,type:`range`,min:`0`,max:`1`,step:`0.05`,value:t.volume,style:(0,e.normalizeStyle)(d.value),"aria-label":`Video volume`,"aria-valuetext":`${Math.round(t.volume*100)} percent`,onInput:r[3]||=e=>i(`volumeChange`,s(e))},null,44,ue)]),(0,e.createElementVNode)(`output`,de,(0,e.toDisplayString)(o(l.value))+` / `+(0,e.toDisplayString)(o(c.value)),1)])):(0,e.createCommentVNode)(``,!0)],34))}}),pe=[`data-post-id`,`data-media-index`,`aria-hidden`,`aria-busy`,`inert`,`role`,`tabindex`],me={class:`media-card-content`},he=[`data-media-direction`],ge=[`data-media-index`],_e={key:0,"data-test":`media-loading`,class:`media-loading`,"aria-hidden":`true`},ve=[`aria-label`],ye={class:`media-error-code`},be=[`src`,`width`,`height`,`loop`,`muted`,`preload`],xe=[`src`,`width`,`height`,`fetchpriority`],Se=[`aria-label`],Ce=[`aria-label`],we=[`aria-label`],Te=40,Ee=160,De=24,Oe=(0,e.defineComponent)({__name:`MediaCard`,props:{advanceOnMediaEnd:{type:Boolean},cardFooter:{},cardHeader:{},entering:{type:Boolean},fetchPriority:{},index:{},item:{},itemStyle:{},interactive:{type:Boolean},leaving:{type:Boolean},layout:{},loadedCount:{},mediaIndex:{},mediaCard:{},mediaSource:{},previewState:{},total:{}},emits:[`activate`,`ended`,`error`,`mediaChange`,`ready`],setup(i,{emit:a}){let o=i,s=null,c=0,l=!1,u=null,d=null,f=(0,e.shallowRef)(`next`),p=a;function m(e=!1,t=`pointer`){e&&p(`activate`,t)}let h=(0,e.computed)(()=>t(o.item)),g=(0,e.computed)(()=>n(o.item,o.mediaIndex)),_=(0,e.computed)(()=>r(o.item,g.value)),v=(0,e.computed)(()=>o.mediaSource===`original`?_.value.src:_.value.preview.src),y=(0,e.computed)(()=>o.mediaSource===`original`?_.value.width:_.value.preview.width),b=(0,e.computed)(()=>o.mediaSource===`original`?_.value.height:_.value.preview.height),x=(0,e.shallowRef)(null),S=(0,e.shallowRef)(0),C=(0,e.shallowRef)(0),w=(0,e.shallowRef)(!0),T=(0,e.shallowRef)(!1),E=(0,e.shallowRef)(1),D=1,O=(0,e.computed)(()=>o.interactive&&!!(o.cardHeader||o.cardFooter));function k(e){return e.detail===0?`keyboard`:`pointer`}function A(e,t){let n=h.value.length,r=(e+n)%n;r!==g.value&&(f.value=e<g.value?`previous`:`next`,p(`mediaChange`,r),t&&t.detail>0&&t.currentTarget?.blur())}function j(e,t,n){return t===1?e*16:t===2?e*n:e}function M(){c=0,l=!1,s!==null&&clearTimeout(s),s=null}function N(){s!==null&&clearTimeout(s),s=setTimeout(M,Ee)}function P(e){if(h.value.length<=1)return;let t=e.currentTarget?.clientWidth||1,n=j(e.deltaX,e.deltaMode,t);if(n===0||(e.preventDefault(),N(),l)||(c+=n,Math.abs(c)<De))return;let r=Math.sign(c);c=0,l=!0,A(g.value+r)}function F(e){let t=e.touches[0];o.layout!==`reel`||!t||(u=t.clientX,d=t.clientY)}function I(e){let t=e.changedTouches[0];if(u===null||d===null||!t)return;let n=u-t.clientX,r=d-t.clientY;u=null,d=null,!(Math.abs(n)<=Math.abs(r))&&(Math.abs(n)<Te||A(g.value+Math.sign(n)))}let L=(0,e.computed)(()=>ie(v.value));function R(e){o.layout===`reel`&&(e.stopPropagation(),z())}async function z(){if(x.value){if(T.value){x.value.pause();return}try{await x.value.play()}catch{T.value=!1}}}function V(e){return Number.isFinite(e)?Math.max(0,e):0}function H(e){let t=e?.currentTarget??x.value;t&&(S.value=V(t.currentTime),C.value=V(t.duration),w.value=t.muted,E.value=t.volume,t.volume>0&&(D=t.volume))}function te(e){H(e),p(`ready`,g.value)}function U(){T.value=!1,p(`ended`,g.value)}function ne(e){let t=x.value;!t||!Number.isFinite(e)||(t.currentTime=Math.min(V(t.duration),Math.max(0,e)),S.value=t.currentTime)}function G(e){let t=x.value;if(!t||!Number.isFinite(e))return;let n=Math.min(1,Math.max(0,e));t.volume=n,t.muted=n===0,n>0&&(D=n),H()}function ae(){let e=x.value;e&&(e.muted&&e.volume===0&&(e.volume=D),e.muted=!e.muted,H())}return(0,e.onBeforeUnmount)(()=>{M()}),(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`article`,{"data-post-id":i.item.postId,"data-media-index":g.value,class:(0,e.normalizeClass)([`media-card`,{"media-card--entering":i.entering,"media-card--leaving":i.leaving,"media-card--error":i.previewState===`error`,"media-card--transparent-chrome":i.mediaCard?.header?.background===`transparent`||i.mediaCard?.footer?.background===`transparent`||i.cardHeader?.background===`transparent`||i.cardFooter?.background===`transparent`}]),style:(0,e.normalizeStyle)(i.itemStyle),"aria-hidden":i.leaving||void 0,"aria-busy":i.previewState===`loading`,inert:i.leaving||void 0,role:i.interactive&&!i.leaving&&!O.value?`button`:void 0,tabindex:i.interactive&&!i.leaving&&!O.value?0:void 0,onClick:n[11]||=e=>m(i.interactive&&!O.value,k(e)),onKeydown:[n[12]||=(0,e.withKeys)(e=>m(i.interactive&&!O.value,`keyboard`),[`enter`]),n[13]||=(0,e.withKeys)((0,e.withModifiers)(e=>m(i.interactive&&!O.value,`keyboard`),[`prevent`]),[`space`])]},[(0,e.createElementVNode)(`div`,me,[i.cardHeader?((0,e.openBlock)(),(0,e.createBlock)(K,{key:0,index:i.index,item:i.item,layout:i.layout,"loaded-count":i.loadedCount,"media-index":g.value,"media-source":i.mediaSource,placement:`header`,region:i.cardHeader,style:(0,e.normalizeStyle)(i.mediaCard?.header),total:i.total},null,8,[`index`,`item`,`layout`,`loaded-count`,`media-index`,`media-source`,`region`,`style`,`total`])):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`media-card-media`,{"media-card-media--carousel":i.layout===`reel`&&h.value.length>1}]),"data-media-direction":f.value,onWheel:P,onTouchstartPassive:F,onTouchendPassive:I},[(0,e.createVNode)(e.Transition,{name:`media-slide-${f.value}`},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:`${i.item.postId}:${g.value}:${i.mediaSource??`preview`}`,class:`media-card-frame`,"data-media-index":g.value},[i.previewState===`loading`?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,_e,[...n[14]||=[(0,e.createElementVNode)(`span`,{class:`media-loading-shimmer`},null,-1)]])):i.previewState===`error`?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:1,"data-test":`media-error`,class:`media-error`,role:`img`,"aria-label":`${(0,e.unref)(W)(v.value)} ${(0,e.unref)(re)(v.value)}`},[(0,e.createElementVNode)(`strong`,ye,(0,e.toDisplayString)((0,e.unref)(W)(v.value)),1),(0,e.createElementVNode)(`span`,null,(0,e.toDisplayString)((0,e.unref)(re)(v.value)),1)],8,ve)):(0,e.createCommentVNode)(``,!0),L.value?((0,e.openBlock)(),(0,e.createElementBlock)(`video`,{key:2,ref_key:`videoElement`,ref:x,class:(0,e.normalizeClass)([`media-preview`,{"media-preview--ready":i.previewState===`ready`,"media-preview--reel-video":i.layout===`reel`}]),src:v.value,width:y.value??void 0,height:b.value??void 0,autoplay:``,loop:!i.advanceOnMediaEnd,muted:w.value,playsinline:``,preload:i.fetchPriority===`high`?`auto`:`metadata`,onLoadedmetadata:te,onDurationchange:H,onTimeupdate:H,onVolumechange:H,onPlaying:n[0]||=e=>T.value=!0,onPause:n[1]||=e=>T.value=!1,onEnded:U,onClick:R,onError:n[2]||=e=>t.$emit(`error`,g.value)},null,42,be)):((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:3,class:(0,e.normalizeClass)([`media-preview`,{"media-preview--ready":i.previewState===`ready`}]),src:v.value,width:y.value??void 0,height:b.value??void 0,fetchpriority:i.fetchPriority,alt:``,decoding:`async`,loading:`eager`,onLoad:n[3]||=e=>t.$emit(`ready`,g.value),onError:n[4]||=e=>t.$emit(`error`,g.value)},null,42,xe))],8,ge))]),_:1},8,[`name`]),L.value&&i.previewState===`ready`?((0,e.openBlock)(),(0,e.createBlock)(fe,{key:0,"current-time":S.value,duration:C.value,layout:i.layout,muted:w.value,playing:T.value,volume:E.value,onSeek:ne,onToggleMute:ae,onTogglePlayback:z,onVolumeChange:G},null,8,[`current-time`,`duration`,`layout`,`muted`,`playing`,`volume`])):(0,e.createCommentVNode)(``,!0),h.value.length>1?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:1,class:(0,e.normalizeClass)([`media-carousel-controls`,{"media-carousel-controls--persistent":i.layout===`reel`}]),"aria-label":`Media navigation`},[(0,e.createElementVNode)(`button`,{type:`button`,class:`media-carousel-control media-carousel-control--previous`,"aria-label":`Previous media for post ${i.item.postId}`,onClick:n[5]||=(0,e.withModifiers)(e=>A(g.value-1,e),[`stop`]),onKeydown:n[6]||=(0,e.withModifiers)(()=>{},[`stop`])},[(0,e.createVNode)((0,e.unref)(ee),{size:20})],40,Se),(0,e.createElementVNode)(`button`,{type:`button`,class:`media-carousel-control media-carousel-control--next`,"aria-label":`Next media for post ${i.item.postId}`,onClick:n[7]||=(0,e.withModifiers)(e=>A(g.value+1,e),[`stop`]),onKeydown:n[8]||=(0,e.withModifiers)(()=>{},[`stop`])},[(0,e.createVNode)((0,e.unref)(B),{size:20})],40,Ce)],2)):(0,e.createCommentVNode)(``,!0),O.value?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:2,class:`media-card-activator`,type:`button`,"aria-label":`Open post ${i.item.postId}`,onClick:n[9]||=(0,e.withModifiers)(e=>t.$emit(`activate`,k(e)),[`stop`]),onKeydown:n[10]||=(0,e.withModifiers)(()=>{},[`stop`])},null,40,we)):(0,e.createCommentVNode)(``,!0)],42,he),i.cardFooter?((0,e.openBlock)(),(0,e.createBlock)(K,{key:1,index:i.index,item:i.item,layout:i.layout,"loaded-count":i.loadedCount,"media-index":g.value,"media-source":i.mediaSource,placement:`footer`,region:i.cardFooter,style:(0,e.normalizeStyle)(i.mediaCard?.footer),total:i.total},null,8,[`index`,`item`,`layout`,`loaded-count`,`media-index`,`media-source`,`region`,`style`,`total`])):(0,e.createCommentVNode)(``,!0)])],46,pe))}}),ke={class:`masonry-feed-shell`},Ae=[`aria-hidden`,`inert`],je=240,Me=6,Ne=12,Pe=800,Fe=1.5,Ie=(0,e.defineComponent)({__name:`MasonryFeed`,props:{enteringPostIds:{},entryDelays:{},leavingPostIds:{default:()=>new Set},removalDelays:{default:()=>new Map},suspended:{type:Boolean},canRetryEnd:{type:Boolean},cardFooter:{},cardHeader:{},feedFooter:{},feedFooterActions:{},hasNext:{type:Boolean},infiniteScroll:{type:Boolean},isLoadingMore:{type:Boolean},items:{},loadMoreLocked:{type:Boolean},mediaCard:{},mediaIndices:{},nextPageError:{type:Boolean},previewStates:{},state:{},total:{}},emits:[`activate`,`error`,`loadMore`,`mediaChange`,`ready`,`retryEnd`],setup(t,{expose:n,emit:r}){let a=t,o=r,s=(0,e.shallowRef)(null),c=`vibe-masonry-${(0,e.useId)()}`,l=(0,e.shallowRef)(null),u=(0,e.shallowRef)(0),d=(0,e.shallowRef)(Me),f=(0,e.shallowRef)(0),m=(0,e.shallowRef)(0),h=(0,e.shallowRef)(0),g=null,v=null,y=null,C=(0,e.computed)(()=>S(a.items,u.value,{additionalHeight:(a.cardHeader?.height??0)+(a.cardFooter?.height??0),gap:d.value,minColumnWidth:je})),w=(0,e.computed)(()=>{let e=C.value;if(a.leavingPostIds.size===0)return e;let t=a.items.filter(e=>!a.leavingPostIds.has(e.postId)),n=S(t,u.value,{additionalHeight:(a.cardHeader?.height??0)+(a.cardFooter?.height??0),gap:d.value,minColumnWidth:je}),r=new Map(t.map((e,t)=>[e.postId,n.items[t]]));return{...n,items:a.items.map((t,n)=>a.leavingPostIds.has(t.postId)?e.items[n]:r.get(t.postId)??e.items[n])}}),T=(0,e.computed)(()=>({height:`${a.leavingPostIds.size===0?w.value.height:C.value.height}px`})),E=(0,e.computed)(()=>{let e=Math.max(Pe,m.value*Fe),t={scrollTop:f.value-h.value,viewportHeight:m.value},n=x(w.value.items,{...t,overscan:e}),r=a.leavingPostIds.size===0?[]:x(C.value.items,{...t,overscan:e}),i=[...new Set([...n,...r])].sort((e,t)=>e-t),o=x(w.value.items,{...t,overscan:0}),s=a.leavingPostIds.size===0?[]:x(C.value.items,{...t,overscan:0}),c=new Set([...o,...s]);return i.flatMap(e=>{let t=a.items[e];return t?[{fetchPriority:c.has(e)?`high`:`low`,index:e,item:t}]:[]})});function D(e){let t=w.value.items[e],n=a.items[e]?.postId;if(!t)return{};let r=n!==void 0&&a.enteringPostIds.has(n),i=n!==void 0&&a.leavingPostIds.has(n),o=r||i?b({containerHeight:C.value.height,gap:d.value}):0,s=n===void 0?0:i?a.removalDelays.get(n)??0:r?a.entryDelays.get(n)??0:0;return{"--masonry-entry-delay":`${s}ms`,width:`${t.width}px`,height:`${t.height}px`,transform:`translate3d(${t.x}px, ${t.y+o}px, 0)`}}function O(){let e=s.value;if(!e)return;f.value=e.scrollTop,m.value=e.clientHeight;let t=l.value;t&&(h.value=t.getBoundingClientRect().top-e.getBoundingClientRect().top+e.scrollTop)}function k(e){let t=e.ownerDocument.documentElement.clientWidth;u.value=e.clientWidth,d.value=Math.min(Ne,Math.max(Me,t*.0075)),O()}function j(e){let t=e.currentTarget;t&&(f.value=t.scrollTop,!a.loadMoreLocked&&a.infiniteScroll&&_(t)&&o(`loadMore`))}function M(){let e=s.value;!a.loadMoreLocked&&e&&_(e)&&o(`loadMore`)}function N(){return s.value}return(0,e.watch)(l,e=>{g?.disconnect(),g=null,y!==null&&cancelAnimationFrame(y),e&&(k(e),!(typeof ResizeObserver>`u`)&&(g=new ResizeObserver(([t])=>{let n=t?.contentRect.width??e.clientWidth;Math.abs(n-u.value)<.5||(y=requestAnimationFrame(()=>{y=null,k(e)}))}),g.observe(e)))}),(0,e.watch)(s,e=>{v?.disconnect(),v=null,e&&(O(),!(typeof ResizeObserver>`u`)&&(v=new ResizeObserver(O),v.observe(e)))}),(0,e.onBeforeUnmount)(()=>{g?.disconnect(),v?.disconnect(),y!==null&&cancelAnimationFrame(y)}),n({getScrollElement:N,loadIfNearBottom:M}),(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,ke,[(0,e.createElementVNode)(`main`,{id:c,ref_key:`galleryElement`,ref:s,class:(0,e.normalizeClass)([`gallery-shell masonry-feed`,{"masonry-feed--suspended":t.suspended}]),"data-layout-mode":`masonry`,"aria-hidden":t.suspended||void 0,inert:t.suspended||void 0,onScrollPassive:j},[(0,e.createElementVNode)(`section`,{ref_key:`masonryElement`,ref:l,class:(0,e.normalizeClass)([`masonry`,{"masonry--ready":u.value>0}]),style:(0,e.normalizeStyle)(T.value),"aria-label":`Media gallery`},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(E.value,({fetchPriority:n,item:r,index:a})=>((0,e.openBlock)(),(0,e.createBlock)(Oe,{key:r.postId,class:`masonry-item`,entering:t.enteringPostIds.has(r.postId),leaving:t.leavingPostIds.has(r.postId),"fetch-priority":n,"card-footer":t.cardFooter,"card-header":t.cardHeader,"media-card":t.mediaCard,index:a,item:r,"item-style":D(a),interactive:``,layout:`masonry`,"loaded-count":t.items.length,"media-index":t.mediaIndices.get(r.postId)??0,"preview-state":t.previewStates.get((0,e.unref)(i)(r.postId,t.mediaIndices.get(r.postId)??0))??`loading`,total:t.total,onActivate:e=>o(`activate`,r.postId,e),onMediaChange:e=>o(`mediaChange`,r.postId,e),onReady:e=>o(`ready`,r.postId,e),onError:e=>o(`error`,r.postId,e)},null,8,[`entering`,`leaving`,`fetch-priority`,`card-footer`,`card-header`,`media-card`,`index`,`item`,`item-style`,`loaded-count`,`media-index`,`preview-state`,`total`,`onActivate`,`onMediaChange`,`onReady`,`onError`]))),128))],6),(0,e.createVNode)(p,{actions:t.feedFooterActions,"can-retry-end":t.canRetryEnd,"feed-footer":t.feedFooter,"has-error":t.nextPageError,"has-next":t.hasNext,"infinite-scroll":t.infiniteScroll,"is-loading":t.isLoadingMore,"load-more-locked":t.loadMoreLocked,state:t.state,onLoadMore:r[0]||=e=>o(`loadMore`),onRetryEnd:r[1]||=e=>o(`retryEnd`)},null,8,[`actions`,`can-retry-end`,`feed-footer`,`has-error`,`has-next`,`infinite-scroll`,`is-loading`,`load-more-locked`,`state`])],42,Ae),(0,e.createVNode)(A,{"content-size":w.value.height,"controls-id":c,"scroll-element":s.value,suspended:t.suspended},null,8,[`content-size`,`scroll-element`,`suspended`])]))}}),Le=[`aria-label`],Re=(0,e.defineComponent)({__name:`ReelAutoAdvanceProgress`,props:{durationMs:{},label:{}},emits:[`complete`],setup(t,{emit:n}){let r=t,i=n,a=(0,e.computed)(()=>({"--vibe-reel-auto-advance-duration":`${r.durationMs}ms`}));return(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:`reel-auto-advance`,"data-test":`reel-auto-advance`,role:`timer`,"aria-label":t.label},[(0,e.createElementVNode)(`span`,{class:`reel-auto-advance-progress`,style:(0,e.normalizeStyle)(a.value),onAnimationend:r[0]||=e=>i(`complete`)},null,36)],8,Le))}}),ze=[`data-active-post-id`,`data-active-media-index`],Be=2,Ve=(0,e.defineComponent)({__name:`ReelFeed`,props:{initialPostId:{},mediaSource:{},reelAutoAdvance:{},canRetryEnd:{type:Boolean},cardFooter:{},cardHeader:{},feedFooter:{},feedFooterActions:{},hasNext:{type:Boolean},infiniteScroll:{type:Boolean},isLoadingMore:{type:Boolean},items:{},loadMoreLocked:{type:Boolean},mediaCard:{},mediaIndices:{},nextPageError:{type:Boolean},previewStates:{},state:{},total:{}},emits:[`activeChange`,`error`,`loadMore`,`mediaChange`,`ready`,`retryEnd`],setup(n,{expose:a,emit:o}){let s=n,c=o,l=(0,e.shallowRef)(null),u=s.initialPostId===null||s.initialPostId===void 0?-1:s.items.findIndex(e=>e.postId===s.initialPostId),d=(0,e.shallowRef)(Math.max(0,u)),f=(0,e.shallowRef)(!1),m=0,h=null,g=null,v=null,y=(0,e.computed)(()=>({gridTemplateRows:`repeat(${s.items.length}, 100cqh)`})),b=(0,e.computed)(()=>{let e=Math.max(0,d.value-Be),t=Math.min(s.items.length-1,d.value+Be);return s.items.slice(e,t+1).map((t,n)=>({fetchPriority:e+n===d.value?`high`:`low`,index:e+n,item:t}))}),x=(0,e.computed)(()=>s.items[d.value]?.postId),S=(0,e.computed)(()=>s.items[d.value]),C=(0,e.computed)(()=>{let e=x.value;return e===void 0?0:s.mediaIndices.get(e)??0}),w=(0,e.computed)(()=>{let e=x.value;return e===void 0?`loading`:s.previewStates.get(i(e,C.value))??`loading`}),T=(0,e.computed)(()=>{let e=S.value;if(!e)return``;let t=r(e,C.value);return s.mediaSource===`original`?t.src:t.preview.src}),E=(0,e.computed)(()=>w.value===`ready`&&ie(T.value)),D=(0,e.computed)(()=>[x.value,C.value,s.items.length,s.loadMoreLocked,s.reelAutoAdvance.enabled,s.reelAutoAdvance.includePostItems,s.reelAutoAdvance.intervalMs].join(`:`)),O=(0,e.computed)(()=>{let e=S.value,n=!!(e&&s.reelAutoAdvance.includePostItems&&C.value<t(e).length-1),r=s.reelAutoAdvance.intervalMs/1e3;return`Auto advance to the next ${n?`post item`:`post`} in ${r}s`}),k=(0,e.computed)(()=>s.reelAutoAdvance.enabled&&S.value!==void 0&&w.value!==`loading`&&!E.value);function A(e){return{gridRow:`${e+1}`}}function j(e){let t=m||e.clientHeight;return t<=0||s.items.length===0?0:Math.min(s.items.length-1,Math.max(0,Math.round(e.scrollTop/t)))}function M(e){let t=e.currentTarget;t&&(f.value||(d.value=j(t)),!s.loadMoreLocked&&s.infiniteScroll&&_(t)&&c(`loadMore`))}function N(){let e=l.value;e&&(I(!0),m=e.clientHeight,e.scrollTop=d.value*m,g!==null&&cancelAnimationFrame(g),g=requestAnimationFrame(()=>{e.scrollTop=d.value*e.clientHeight,m=e.clientHeight,g=null}),P())}function P(){v!==null&&clearTimeout(v),v=setTimeout(()=>{v=null;let e=l.value;e&&(m=e.clientHeight,e.scrollTop=d.value*m),I(!1)},120)}function F(){I(!0);let e=l.value;e&&(m=e.clientHeight,e.scrollTop=d.value*m),P()}function I(e){f.value=e,l.value?.toggleAttribute(`data-resizing`,e)}function L(){let e=l.value;!s.loadMoreLocked&&e&&_(e)&&c(`loadMore`)}function R(e){let n=S.value;if(!n)return!1;let r=t(n).length;if(r<=1)return!1;let i=(C.value+e+r)%r;return c(`mediaChange`,n.postId,i),!0}function z(e){let t=d.value+e;return!l.value||t<0||t>=s.items.length?!1:(B(t),!0)}function ee(){return typeof window.matchMedia==`function`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches}function B(e){let t=l.value;if(!t)return;let n=e*(m||t.clientHeight);if(d.value=e,!ee()&&typeof t.scrollTo==`function`){t.scrollTo({behavior:`smooth`,top:n});return}t.scrollTop=n}function V(){if(!s.reelAutoAdvance.enabled)return;let e=S.value;if(!e)return;if(s.reelAutoAdvance.includePostItems&&C.value<t(e).length-1){c(`mediaChange`,e.postId,C.value+1);return}let n=d.value+1,r=s.items[n];if(!r){s.hasNext&&!s.loadMoreLocked&&c(`loadMore`);return}s.reelAutoAdvance.includePostItems&&(s.mediaIndices.get(r.postId)??0)!==0&&c(`mediaChange`,r.postId,0),B(n)}function H(e,t){!s.reelAutoAdvance.enabled||e!==x.value||t!==C.value||!E.value||V()}return(0,e.watch)(l,e=>{h?.disconnect(),h=null,e&&(m=e.clientHeight,!(typeof ResizeObserver>`u`)&&(h=new ResizeObserver(N),h.observe(e)))}),(0,e.watch)(()=>s.items.length,async t=>{d.value=Math.min(d.value,Math.max(0,t-1)),await(0,e.nextTick)(),N()}),(0,e.watch)(x,e=>{e!==void 0&&c(`activeChange`,e)},{immediate:!0}),(0,e.onMounted)(()=>{window.addEventListener(`resize`,F),window.addEventListener(`orientationchange`,F),u>=0&&(0,e.nextTick)(N)}),(0,e.onBeforeUnmount)(()=>{window.removeEventListener(`resize`,F),window.removeEventListener(`orientationchange`,F),h?.disconnect(),g!==null&&cancelAnimationFrame(g),v!==null&&clearTimeout(v)}),a({activeIndex:d,activePostId:x,changeActiveMedia:R,loadIfNearBottom:L,moveActivePost:z}),(t,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`main`,{class:(0,e.normalizeClass)([`reel-shell`,{"reel-shell--has-footer":!!n.cardFooter,"reel-shell--has-header":!!n.cardHeader}]),"data-layout-mode":`reel`},[n.cardHeader&&S.value?((0,e.openBlock)(),(0,e.createBlock)(K,{key:0,index:d.value,item:S.value,layout:`reel`,"loaded-count":n.items.length,"media-index":C.value,"media-source":n.mediaSource,placement:`header`,region:n.cardHeader,style:(0,e.normalizeStyle)(n.mediaCard?.header),total:n.total},null,8,[`index`,`item`,`loaded-count`,`media-index`,`media-source`,`region`,`style`,`total`])):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`div`,{ref_key:`galleryElement`,ref:l,class:`gallery-shell reel-feed`,"data-active-post-id":x.value,"data-active-media-index":C.value,onScrollPassive:M},[(0,e.createElementVNode)(`section`,{class:`reel-track`,style:(0,e.normalizeStyle)(y.value),"aria-label":`Media gallery`},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(b.value,({fetchPriority:t,item:r,index:a})=>((0,e.openBlock)(),(0,e.createBlock)(Oe,{key:r.postId,"advance-on-media-end":s.reelAutoAdvance.enabled&&a===d.value,class:`reel-item`,entering:!1,"fetch-priority":t,index:a,item:r,"item-style":A(a),"media-card":n.mediaCard,layout:`reel`,"loaded-count":n.items.length,"media-index":n.mediaIndices.get(r.postId)??0,"media-source":n.mediaSource,"preview-state":n.previewStates.get((0,e.unref)(i)(r.postId,n.mediaIndices.get(r.postId)??0))??`loading`,total:n.total,onMediaChange:e=>c(`mediaChange`,r.postId,e),onEnded:e=>H(r.postId,e),onReady:e=>c(`ready`,r.postId,e),onError:e=>c(`error`,r.postId,e)},null,8,[`advance-on-media-end`,`fetch-priority`,`index`,`item`,`item-style`,`media-card`,`loaded-count`,`media-index`,`media-source`,`preview-state`,`total`,`onMediaChange`,`onEnded`,`onReady`,`onError`]))),128))],4),(0,e.createVNode)(p,{actions:n.feedFooterActions,"can-retry-end":n.canRetryEnd,"feed-footer":n.feedFooter,"has-error":n.nextPageError,"has-next":n.hasNext,"infinite-scroll":n.infiniteScroll,"is-loading":n.isLoadingMore,"load-more-locked":n.loadMoreLocked,state:n.state,onLoadMore:r[0]||=e=>c(`loadMore`),onRetryEnd:r[1]||=e=>c(`retryEnd`)},null,8,[`actions`,`can-retry-end`,`feed-footer`,`has-error`,`has-next`,`infinite-scroll`,`is-loading`,`load-more-locked`,`state`])],40,ze),n.cardFooter&&S.value?((0,e.openBlock)(),(0,e.createBlock)(K,{key:1,index:d.value,item:S.value,layout:`reel`,"loaded-count":n.items.length,"media-index":C.value,"media-source":n.mediaSource,placement:`footer`,region:n.cardFooter,style:(0,e.normalizeStyle)(n.mediaCard?.footer),total:n.total},null,8,[`index`,`item`,`loaded-count`,`media-index`,`media-source`,`region`,`style`,`total`])):(0,e.createCommentVNode)(``,!0),k.value?((0,e.openBlock)(),(0,e.createBlock)(Re,{key:D.value,"duration-ms":n.reelAutoAdvance.intervalMs,label:O.value,onComplete:V},null,8,[`duration-ms`,`label`])):(0,e.createCommentVNode)(``,!0)],2))}}),He=[`data-info-sheet-open`,`data-info-sheet-mode`],Ue=[`aria-hidden`,`inert`],We={key:0,class:`reel-info-sheet-layer`,"data-test":`reel-info-sheet`},Ge=[`role`,`aria-modal`,`tabindex`,`data-active-post-id`],Ke=(0,e.defineComponent)({__name:`ReelLayout`,props:{infoSheet:{},infoSheetEnabled:{type:Boolean},infoSheetOverlay:{type:Boolean},origin:{},initialPostId:{},mediaSource:{},reelAutoAdvance:{},canRetryEnd:{type:Boolean},cardFooter:{},cardHeader:{},feedFooter:{},feedFooterActions:{},hasNext:{type:Boolean},infiniteScroll:{type:Boolean},isLoadingMore:{type:Boolean},items:{},loadMoreLocked:{type:Boolean},mediaCard:{},mediaIndices:{},nextPageError:{type:Boolean},previewStates:{},state:{},total:{}},emits:[`activeChange`,`closeInfoSheet`,`error`,`loadMore`,`mediaChange`,`ready`,`retryEnd`],setup(n,{expose:i,emit:a}){let o=n,s=a,c=(0,e.shallowRef)(null),l=(0,e.shallowRef)(null),u=null,d=(0,e.computed)(()=>{let e=o.initialPostId===null||o.initialPostId===void 0?-1:o.items.findIndex(e=>e.postId===o.initialPostId);return Math.max(0,e)}),f=(0,e.computed)(()=>o.items[d.value]),p=(0,e.computed)(()=>{let e=f.value?.postId;return e===void 0?0:o.mediaIndices.get(e)??0}),m=(0,e.computed)(()=>!!(o.infoSheet&&o.infoSheetEnabled&&f.value)),h=(0,e.computed)(()=>{let e=f.value;return e?{close:g,index:d.value,item:e,layout:`reel`,loadedCount:o.items.length,mediaCount:t(e).length,mediaIndex:p.value,mediaItem:r(e,p.value),mediaSource:o.mediaSource??`preview`,origin:o.origin,total:o.total}:null});function g(){s(`closeInfoSheet`)}function _(e){return c.value?.changeActiveMedia(e)??!1}function v(){c.value?.loadIfNearBottom()}function y(e){return c.value?.moveActivePost(e)??!1}function b(e,t){s(`error`,e,t)}function x(e,t){s(`mediaChange`,e,t)}function S(e,t){s(`ready`,e,t)}return(0,e.watch)(()=>({overlay:o.infoSheetOverlay,visible:m.value}),async(t,n)=>{if(t.visible&&!n?.visible){u=document.activeElement instanceof HTMLElement?document.activeElement:null,t.overlay&&(await(0,e.nextTick)(),l.value?.focus({preventScroll:!0}));return}if(!t.visible&&n?.visible&&u?.isConnected){let t=u;u=null,await(0,e.nextTick)(),t.focus({preventScroll:!0})}}),(0,e.onBeforeUnmount)(()=>{u=null}),i({changeActiveMedia:_,loadIfNearBottom:v,moveActivePost:y}),(t,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`section`,{class:(0,e.normalizeClass)([`reel-layout`,`reel-layout--${n.infoSheetOverlay?`overlay`:`layout`}`]),"data-info-sheet-open":m.value||void 0,"data-info-sheet-mode":n.infoSheetOverlay?`overlay`:`layout`},[(0,e.createElementVNode)(`div`,{class:`reel-layout-main`,"aria-hidden":n.infoSheetOverlay&&m.value||void 0,inert:n.infoSheetOverlay&&m.value||void 0},[(0,e.createVNode)(Ve,{ref_key:`reelFeed`,ref:c,"can-retry-end":n.canRetryEnd,"card-footer":n.cardFooter,"card-header":n.cardHeader,"feed-footer":n.feedFooter,"feed-footer-actions":n.feedFooterActions,"media-card":n.mediaCard,"has-next":n.hasNext,"infinite-scroll":n.infiniteScroll,"initial-post-id":n.initialPostId,"is-loading-more":n.isLoadingMore,items:n.items,"load-more-locked":n.loadMoreLocked,"media-indices":n.mediaIndices,"media-source":n.mediaSource,"next-page-error":n.nextPageError,"preview-states":n.previewStates,"reel-auto-advance":n.reelAutoAdvance,state:n.state,total:n.total,onActiveChange:r[0]||=e=>s(`activeChange`,e),onError:b,onLoadMore:r[1]||=e=>s(`loadMore`),onMediaChange:x,onReady:S,onRetryEnd:r[2]||=e=>s(`retryEnd`)},null,8,[`can-retry-end`,`card-footer`,`card-header`,`feed-footer`,`feed-footer-actions`,`media-card`,`has-next`,`infinite-scroll`,`initial-post-id`,`is-loading-more`,`items`,`load-more-locked`,`media-indices`,`media-source`,`next-page-error`,`preview-states`,`reel-auto-advance`,`state`,`total`])],8,Ue),(0,e.createVNode)(e.Transition,{name:`vibe-info-sheet`},{default:(0,e.withCtx)(()=>[m.value&&n.infoSheet&&h.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,We,[(0,e.createElementVNode)(`aside`,{ref_key:`sheetElement`,ref:l,class:`reel-info-sheet`,role:n.infoSheetOverlay?`dialog`:`complementary`,"aria-label":`Reel information`,"aria-modal":n.infoSheetOverlay?`true`:void 0,tabindex:n.infoSheetOverlay?-1:void 0,"data-active-post-id":f.value?.postId},[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(n.infoSheet.component),(0,e.normalizeProps)((0,e.guardReactiveProps)(h.value)),null,16))],8,Ge)])):(0,e.createCommentVNode)(``,!0)]),_:1})],10,He))}}),qe=35,Je=420,Ye=(0,e.defineComponent)({__name:`VibeSurface`,props:{canRetryEnd:{type:Boolean},cardFooter:{},cardHeader:{},feedFooter:{},feedFooterActions:{},mediaCard:{},reelInfoSheet:{},state:{}},emits:[`activeReelChange`,`closeReel`,`loadMore`,`openReel`,`reelInfoSheetChange`,`retryEnd`],setup(t,{expose:r,emit:o}){let s=t,c=o,l=(0,e.shallowRef)(null),u=(0,e.shallowRef)(null),d=(0,e.shallowRef)(null),f=(0,e.shallowRef)(null),p=(0,e.shallowRef)({}),m=(0,e.shallowRef)(!1),h=(0,e.shallowRef)(new Set),_=(0,e.shallowRef)(new Map),v=(0,e.shallowRef)(new Set),y=(0,e.shallowRef)(new Map),b=(0,e.shallowRef)(new Map),x=(0,e.shallowRef)(new Map),S=(0,e.shallowRef)(new Map),C=(0,e.computed)(()=>a(s.state)),w=(0,e.computed)(()=>s.state.reelMediaSource===`original`?S.value:x.value),T=new Set(s.state.items.map(e=>e.postId)),E=null,D=null,O=!1;function k(){return typeof window.matchMedia==`function`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches}function A(){E!==null&&cancelAnimationFrame(E),E=requestAnimationFrame(()=>{E=requestAnimationFrame(()=>{E=null,h.value=new Set})})}function j(e,t,n){let r=i(e,t);x.value.get(r)!==n&&(x.value=new Map(x.value).set(r,n))}function M(e,t,n){let r=i(e,t);S.value.get(r)!==n&&(S.value=new Map(S.value).set(r,n))}function N(e,t){j(e,t,`error`)}function P(e,t){j(e,t,`ready`)}function F(e,t){M(e,t,`error`)}function I(e,t){M(e,t,`ready`)}function L(e,t){if(s.state.reelMediaSource===`original`){F(e,t);return}N(e,t)}function R(e,t){if(s.state.reelMediaSource===`original`){I(e,t);return}P(e,t)}function z(e,t){let r=s.state.items.find(t=>t.postId===e);if(!r)return;let i=n(r,t);(b.value.get(e)??0)!==i&&(b.value=new Map(b.value).set(e,i))}async function ee(){await(0,e.nextTick)(),(s.state.layout===`reel`||s.state.reelOrigin===`masonry`?u.value:l.value)?.loadIfNearBottom()}function B(e){return s.state.isLoading||s.state.items.length===0||s.state.layout!==`reel`&&s.state.reelOrigin!==`masonry`?!1:u.value?.changeActiveMedia?.(e)??!1}function V(e){return s.state.isLoading||s.state.items.length===0||s.state.layout!==`reel`&&s.state.reelOrigin!==`masonry`?!1:u.value?.moveActivePost?.(e)??!1}function H(){return s.state.layout!==`masonry`||s.state.reelOrigin===`masonry`?null:l.value?.getScrollElement?.()??null}function te(t,n){D=t,O=n===`keyboard`,p.value=re(t),c(`openReel`,t),(0,e.nextTick)(()=>d.value?.focus())}function U(e){let t=f.value?.querySelectorAll(`.masonry-feed [data-post-id]`)??[];return Array.from(t).find(t=>t.dataset.postId===String(e))??null}function ne(e){if(s.state.layout!==`masonry`||s.state.reelOrigin!==null||k())return 0;let t=[...new Set(e)],n=t.filter(U);if(n.length===0)return 0;let r=new Map(y.value);return n.forEach((e,t)=>{r.set(e,t*qe)}),h.value=new Set([...h.value].filter(e=>!n.includes(e))),v.value=new Set([...v.value,...t]),y.value=r,Je+(n.length-1)*qe}function W(e,t){let n=U(e),r=n?.querySelector(`.media-card-activator`)??n;r&&(r.classList.toggle(`media-card-focus-silent`,!t),t||r.addEventListener(`blur`,()=>{r.classList.remove(`media-card-focus-silent`)},{once:!0}),r?.focus({preventScroll:!0}))}function re(e){let t=f.value,n=U(e);if(t===null||n===null)return{};let r=t.getBoundingClientRect(),i=n.getBoundingClientRect();return{"--vibe-reel-origin-top":`${Math.max(0,i.top-r.top)}px`,"--vibe-reel-origin-right":`${Math.max(0,r.right-i.right)}px`,"--vibe-reel-origin-bottom":`${Math.max(0,r.bottom-i.bottom)}px`,"--vibe-reel-origin-left":`${Math.max(0,i.left-r.left)}px`}}function G(){s.state.reelOrigin===`masonry`&&(D??=s.state.activeReelPostId,m.value=!0,c(`closeReel`))}function ie(){let t=D,n=O;m.value=!1,D=null,O=!1,p.value={},(0,e.nextTick)(()=>{t!==null&&W(t,n)})}function K(e){let t=s.state.layout===`reel`||s.state.reelOrigin===`masonry`;if(e.key===`Escape`&&s.state.reelOrigin===`masonry`){e.preventDefault(),G();return}if(e.key===`Escape`&&t&&s.state.reelInfoSheet.enabled){e.preventDefault(),c(`reelInfoSheetChange`,!1);return}if(e.defaultPrevented||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||m.value||s.state.layout!==`reel`&&s.state.reelOrigin!==`masonry`)return;let n=e.target;if(n instanceof HTMLElement&&(n.isContentEditable||[`INPUT`,`SELECT`,`TEXTAREA`].includes(n.tagName)))return;let r=e.key===`ArrowLeft`?-1:e.key===`ArrowRight`?1:0;r!==0&&u.value?.changeActiveMedia?.(r)&&e.preventDefault()}return(0,e.watch)(()=>s.state.items.map(e=>e.postId),e=>{let t=e.filter(e=>!T.has(e)),n=new Set(e);if(T=new Set(e),v.value=new Set([...v.value].filter(e=>n.has(e))),y.value=new Map([...y.value].filter(([e])=>n.has(e))),t.length===0||k())return;let r=new Map;e.forEach(e=>{let t=_.value.get(e);t!==void 0&&r.set(e,t)}),t.forEach((e,t)=>{r.set(e,t*qe)}),_.value=r,h.value=new Set([...h.value,...t]),A()},{flush:`sync`}),(0,e.onMounted)(()=>window.addEventListener(`keydown`,K)),(0,e.onBeforeUnmount)(()=>{window.removeEventListener(`keydown`,K),E!==null&&cancelAnimationFrame(E)}),r({changeActiveReelMedia:B,getAutoScrollElement:H,loadIfNearBottom:ee,moveActiveReelPost:V,startItemRemoval:ne}),(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{ref_key:`surfaceElement`,ref:f,class:`vibe-surface`},[t.state.error||t.state.isLoading||t.state.items.length===0?((0,e.openBlock)(),(0,e.createBlock)(g,{key:0,actions:t.feedFooterActions,"can-retry-end":t.canRetryEnd,"feed-footer":t.feedFooter,state:C.value,onLoadMore:r[0]||=e=>c(`loadMore`),onRetryEnd:r[1]||=e=>c(`retryEnd`)},null,8,[`actions`,`can-retry-end`,`feed-footer`,`state`])):t.state.layout===`reel`?((0,e.openBlock)(),(0,e.createBlock)(Ke,{key:1,ref_key:`reelRenderer`,ref:u,"can-retry-end":t.canRetryEnd,"has-next":t.state.next!==null,"card-footer":t.cardFooter,"card-header":t.cardHeader,"feed-footer":t.feedFooter,"feed-footer-actions":t.feedFooterActions,"media-card":t.mediaCard,"infinite-scroll":t.state.infiniteScroll,"is-loading-more":t.state.isLoadingMore,items:t.state.items,"load-more-locked":t.state.loadMoreLocked,"media-source":t.state.reelMediaSource,"media-indices":b.value,"initial-post-id":t.state.activeReelPostId,"info-sheet":t.reelInfoSheet,"info-sheet-enabled":t.state.reelInfoSheet.enabled,"info-sheet-overlay":t.state.reelInfoSheetOverlay,"next-page-error":!!t.state.nextPageError,origin:`reel`,"preview-states":w.value,"reel-auto-advance":t.state.reelAutoAdvance,state:C.value,total:t.state.total,onActiveChange:r[2]||=e=>c(`activeReelChange`,e),onCloseInfoSheet:r[3]||=e=>c(`reelInfoSheetChange`,!1),onError:L,onLoadMore:r[4]||=e=>c(`loadMore`),onMediaChange:z,onReady:R,onRetryEnd:r[5]||=e=>c(`retryEnd`)},null,8,[`can-retry-end`,`has-next`,`card-footer`,`card-header`,`feed-footer`,`feed-footer-actions`,`media-card`,`infinite-scroll`,`is-loading-more`,`items`,`load-more-locked`,`media-source`,`media-indices`,`initial-post-id`,`info-sheet`,`info-sheet-enabled`,`info-sheet-overlay`,`next-page-error`,`preview-states`,`reel-auto-advance`,`state`,`total`])):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:2},[(0,e.createVNode)(Ie,{ref_key:`masonryRenderer`,ref:l,"can-retry-end":t.canRetryEnd,"entering-post-ids":h.value,"entry-delays":_.value,"leaving-post-ids":v.value,"removal-delays":y.value,"card-footer":t.cardFooter,"card-header":t.cardHeader,"feed-footer":t.feedFooter,"feed-footer-actions":t.feedFooterActions,"media-card":t.mediaCard,"has-next":t.state.next!==null,"infinite-scroll":t.state.infiniteScroll,"is-loading-more":t.state.isLoadingMore,items:t.state.items,"load-more-locked":t.state.loadMoreLocked,"media-indices":b.value,"next-page-error":!!t.state.nextPageError,"preview-states":x.value,suspended:t.state.reelOrigin===`masonry`||m.value,state:C.value,total:t.state.total,onActivate:te,onError:N,onLoadMore:r[6]||=e=>c(`loadMore`),onMediaChange:z,onReady:P,onRetryEnd:r[7]||=e=>c(`retryEnd`)},null,8,[`can-retry-end`,`entering-post-ids`,`entry-delays`,`leaving-post-ids`,`removal-delays`,`card-footer`,`card-header`,`feed-footer`,`feed-footer-actions`,`media-card`,`has-next`,`infinite-scroll`,`is-loading-more`,`items`,`load-more-locked`,`media-indices`,`next-page-error`,`preview-states`,`suspended`,`state`,`total`]),(0,e.createVNode)(e.Transition,{name:`vibe-reel-viewer`,onAfterLeave:ie},{default:(0,e.withCtx)(()=>[t.state.reelOrigin===`masonry`?((0,e.openBlock)(),(0,e.createElementBlock)(`section`,{key:0,ref_key:`reelOverlay`,ref:d,class:`vibe-reel-overlay`,role:`dialog`,"aria-label":`Media viewer`,"aria-modal":`true`,tabindex:`-1`,style:(0,e.normalizeStyle)(p.value)},[(0,e.createVNode)(Ke,{ref_key:`reelRenderer`,ref:u,"can-retry-end":t.canRetryEnd,"card-footer":t.cardFooter,"card-header":t.cardHeader,"feed-footer":t.feedFooter,"feed-footer-actions":t.feedFooterActions,"media-card":t.mediaCard,"has-next":t.state.next!==null,"infinite-scroll":t.state.infiniteScroll,"initial-post-id":t.state.activeReelPostId,"info-sheet":t.reelInfoSheet,"info-sheet-enabled":t.state.reelInfoSheet.enabled,"info-sheet-overlay":t.state.reelInfoSheetOverlay,"is-loading-more":t.state.isLoadingMore,items:t.state.items,"load-more-locked":t.state.loadMoreLocked,"media-indices":b.value,"media-source":`original`,"next-page-error":!!t.state.nextPageError,origin:`masonry`,"preview-states":S.value,"reel-auto-advance":t.state.reelAutoAdvance,state:C.value,total:t.state.total,onActiveChange:r[8]||=e=>c(`activeReelChange`,e),onCloseInfoSheet:r[9]||=e=>c(`reelInfoSheetChange`,!1),onError:F,onLoadMore:r[10]||=e=>c(`loadMore`),onMediaChange:z,onReady:I,onRetryEnd:r[11]||=e=>c(`retryEnd`)},null,8,[`can-retry-end`,`card-footer`,`card-header`,`feed-footer`,`feed-footer-actions`,`media-card`,`has-next`,`infinite-scroll`,`initial-post-id`,`info-sheet`,`info-sheet-enabled`,`info-sheet-overlay`,`is-loading-more`,`items`,`load-more-locked`,`media-indices`,`next-page-error`,`preview-states`,`reel-auto-advance`,`state`,`total`])],4)):(0,e.createCommentVNode)(``,!0)]),_:1})],64))],512))}});function Xe(e){if(!e||typeof e!=`object`||!Array.isArray(e.items))throw TypeError(`Vibe loadPage must resolve to a page with an items array.`);if(e.next!==null&&typeof e.next!=`string`&&typeof e.next!=`number`)throw TypeError(`Vibe page next must be a string, number, or null.`);if(e.total!==void 0&&(!Number.isFinite(e.total)||e.total<0))throw TypeError(`Vibe page total must be a non-negative number when provided.`);return e}function q(e,t){let n=new Set(e.map(e=>e.postId));return[...e,...t.filter(e=>n.has(e.postId)?!1:(n.add(e.postId),!0))]}var Ze=2e3,Qe=1e4,$e=250,J={delayRemainingMs:null,nextRequestAt:null};function et(e,t){return e===void 0?t:Math.floor(e)}function tt(e,t){for(let[n,r]of[[`delayStepMs`,e.delayStepMs],[`delayMaxMs`,e.delayMaxMs]])if(r!==void 0&&(!Number.isFinite(r)||r<0))throw TypeError(`Vibe ${t} ${n} must be a non-negative number.`)}function nt(e,t={}){let n=et(t.delayStepMs,Ze),r=et(t.delayMaxMs,Qe);return Math.min(Math.max(0,e)*n,r)}function Y(e){if(e==null||!Number.isFinite(e))return{...J};let t=Math.max(0,Math.floor(e-Date.now()));return t>0?{delayRemainingMs:t,nextRequestAt:e}:{...J}}async function rt({delayMs:e,onChange:t,signal:n}){if(n.aborted)throw new DOMException(`Aborted`,`AbortError`);if(e<=0){t({...J});return}let r=Date.now()+e;t({delayRemainingMs:e,nextRequestAt:r}),await new Promise((i,a)=>{let o=!1,s=setInterval(f,$e),c=setTimeout(()=>u(),e);function l(){clearInterval(s),clearTimeout(c),n.removeEventListener(`abort`,d),t({...J})}function u(e){o||(o=!0,l(),e?a(e):i())}function d(){u(new DOMException(`Aborted`,`AbortError`))}function f(){let e=Y(r);t(e),e.delayRemainingMs===null&&u()}n.addEventListener(`abort`,d,{once:!0})})}var it=class{interval=null;constructor(e){this.onChange=e}clear(){this.interval!==null&&clearInterval(this.interval),this.interval=null,this.onChange({...J})}sync(e){this.clear();let t=Y(e);this.onChange(t),t.delayRemainingMs!==null&&(this.interval=setInterval(()=>{let t=Y(e);this.onChange(t),t.delayRemainingMs===null&&this.clear()},$e))}};function at(e,t=!0){return e.maxAdditionalPages===`unlimited`?1/0:(e.maxAdditionalPages??10)+(t?1:0)}function ot(e){return`${typeof e}:${String(e)}`}function st(e,t){if(!Number.isInteger(e)||e<=0)throw TypeError(`Vibe ${t} must be a positive integer.`)}function ct(e){if(!e)return;if(st(e.pageSize,`autofill pageSize`),e.strategy===`frontend`){tt(e,`frontend autofill`);let t=e.maxAdditionalPages;if(t!==void 0&&t!==`unlimited`&&(!Number.isInteger(t)||t<0))throw TypeError(`Vibe autofill maxAdditionalPages must be a non-negative integer or "unlimited".`);return}if(!e.feedKey.trim())throw TypeError(`Vibe backend autofill requires a feedKey.`);let t=e.initialSession;if(t){if(t.feedKey!==e.feedKey)throw TypeError(`Vibe backend autofill initialSession feedKey must match autofill feedKey.`);if(t.pageSize!==e.pageSize)throw TypeError(`Vibe backend autofill initialSession pageSize must match autofill pageSize.`)}}function X(e,t,n=!0){if(!e)return{cycleId:null,delayRemainingMs:null,enabled:!1,error:null,feedKey:null,missing:0,nextRequestAt:null,pageSize:null,received:0,requests:0,sequence:0,sessionId:null,status:`idle`,strategy:null};let r=e.strategy===`backend`?t??(n?e.initialSession:void 0):void 0,i=r?.received??0,a=Y(r?.nextRequestAt);return{cycleId:r?.cycleId??null,...a,enabled:!0,error:r?.error??null,feedKey:e.strategy===`backend`?e.feedKey:null,missing:Math.max(0,e.pageSize-i),pageSize:e.pageSize,received:i,requests:r?.requests??0,sequence:r?.sequence??0,sessionId:r?.sessionId??null,status:r?r.status:`idle`,strategy:e.strategy}}function Z(e){return[`cancelling`,`filling`,`restoring`,`waiting`].includes(e.status)}async function lt(e,t,n){let r=t.autofill;if(!Z(r)||!r.cycleId)return;let i={cycleId:r.cycleId,feedKey:r.feedKey??``,sessionId:r.sessionId};n(),r.status=`cancelling`;try{e?.strategy===`backend`&&await e.onCancel(i),r.error=null,r.status=`cancelled`}catch(e){throw r.error=e,r.status=`error`,e}}function ut(e,t,n){return e?.strategy===`backend`&&t.feedKey===e.feedKey&&t.sessionId===n.sessionId}async function dt({existingItems:e,initialCursor:t,loadPage:n,maximumRequests:r,onDelayChange:i,onProgress:a,options:o,receivedOffset:s=0,requestOffset:c=0,signal:l}){let u=[],d=[...e],f=new Set,p=r??at(o),m=t,h=t,g=0,_;for(;g<p;){let e=ot(m);if(f.has(e))throw Error(`Vibe autofill received a repeated cursor.`);f.add(e),await rt({delayMs:nt(c+g,o),onChange:i,signal:l});let t=Xe(await n({cursor:m,signal:l}));g+=1;let r=q(d,t.items).slice(d.length);d.push(...r),u.push(...r),h=t.next,t.total!==void 0&&(_=t.total);let p={missing:Math.max(0,o.pageSize-s-u.length),next:h,received:s+u.length,requests:c+g};if(a(p),p.missing===0)return{...p,items:u,lastCursor:m,status:`complete`,total:_};if(h===null)return{...p,items:u,lastCursor:m,status:`exhausted`,total:_};m=h}return{items:u,lastCursor:m,missing:Math.max(0,o.pageSize-s-u.length),next:h,received:s+u.length,requests:c+g,status:`exhausted`,total:_}}var ft=100;function Q(e,t){if(!Number.isFinite(t)||t<=0)throw TypeError(`Vibe ${e} must be a positive number.`)}function pt(e,t,n){return Math.min(n,Math.max(t,e))}function mt(e){if(!e)return;let t=e.minSpeedPxPerSecond??20,n=e.maxSpeedPxPerSecond??240;if(Q(`autoScroll.minSpeedPxPerSecond`,t),Q(`autoScroll.maxSpeedPxPerSecond`,n),t>n)throw TypeError(`Vibe autoScroll.minSpeedPxPerSecond cannot exceed maxSpeedPxPerSecond.`);e.speedPxPerSecond!==void 0&&Q(`autoScroll.speedPxPerSecond`,e.speedPxPerSecond)}function ht(e){let t=e?.minSpeedPxPerSecond??20,n=e?.maxSpeedPxPerSecond??240;return{enabled:e?.enabled??!1,maxSpeedPxPerSecond:n,minSpeedPxPerSecond:t,paused:!1,speedPxPerSecond:pt(e?.speedPxPerSecond??80,t,n)}}var gt=class{frame=null;lastTimestamp=null;mounted=!1;constructor(e){this.options=e}mount(){this.mounted=!0,this.schedule()}destroy(){this.mounted=!1,this.cancelFrame()}setEnabled(e,t){t!==void 0&&this.setSpeed(t),this.options.state.enabled=e,this.options.state.paused=!1,this.lastTimestamp=null,e?this.schedule():this.cancelFrame()}setPaused(e){this.options.state.enabled&&(this.options.state.paused=e,this.lastTimestamp=null,e?this.cancelFrame():this.schedule())}setSpeed(e){Q(`auto-scroll speed`,e);let t=this.options.state;t.speedPxPerSecond=pt(e,t.minSpeedPxPerSecond,t.maxSpeedPxPerSecond)}tick=e=>{this.frame=null;let t=this.options.state;if(!this.mounted||!t.enabled)return;let n=t.paused?null:this.options.getScrollElement();if(!n){this.lastTimestamp=null,this.schedule();return}if(this.lastTimestamp!==null){let r=Math.min(ft,Math.max(0,e-this.lastTimestamp)),i=Math.max(0,n.scrollHeight-n.clientHeight);n.scrollTop=Math.min(i,n.scrollTop+t.speedPxPerSecond*r/1e3)}this.lastTimestamp=e,this.schedule()};schedule(){!this.mounted||!this.options.state.enabled||this.frame!==null||typeof requestAnimationFrame==`function`&&(this.frame=requestAnimationFrame(this.tick))}cancelFrame(){this.frame!==null&&typeof cancelAnimationFrame==`function`&&cancelAnimationFrame(this.frame),this.frame=null,this.lastTimestamp=null}};async function _t(e,t,n,r){let i=await e.onUnderfilled(n);if(!r())return;if(!i.sessionId.trim())throw TypeError(`Vibe backend autofill requires a sessionId.`);let a=Math.max(n.received,i.received??n.received);Object.assign(t.autofill,{...Y(i.nextRequestAt),missing:Math.max(0,e.pageSize-a),received:a,sequence:i.sequence??0,sessionId:i.sessionId,status:`waiting`})}function vt(e,t){[`complete`,`exhausted`].includes(t.status)&&t.items&&(e.items=q(e.items,t.items)),t.next!==void 0&&(e.next=t.next),t.total!==void 0&&(e.total=t.total)}function yt(e,t,n){let r=t.autofill;return!ut(e,n,r)||n.sequence<=r.sequence||[`cancelled`,`cancelling`].includes(r.status)||[`complete`,`exhausted`].includes(n.status)&&n.next===void 0?!1:(vt(t,n),Object.assign(r,Y(n.status===`waiting`?n.nextRequestAt:null)),r.error=n.error??null,r.missing=Math.max(0,(r.pageSize??0)-n.received),r.received=n.received,n.requests!==void 0&&(r.requests=n.requests),r.sequence=n.sequence,r.status=n.status,!0)}function bt(e,t,n){return e?.strategy!==`backend`||n.feedKey!==e.feedKey||n.pageSize!==e.pageSize?!1:(t.autofill=X(e,n),vt(t,n),!0)}async function xt({cycleId:e,isCurrent:t,onLastCursor:n,options:r,signal:i,state:a}){let o=r.autofill;if(!o)return;let s=a.items.length;if(Object.assign(a.autofill,{missing:Math.max(0,o.pageSize-s),received:s,requests:1}),s>=o.pageSize){a.autofill.status=`complete`;return}if(o.strategy===`backend`){await _t(o,a,{cycleId:e,feedKey:o.feedKey,items:[...a.items],missing:o.pageSize-s,next:a.next,pageSize:o.pageSize,received:s,signal:i,total:a.total},t);return}if(!r.loadPage||a.next===null){a.autofill.status=`exhausted`;return}let c=await dt({existingItems:a.items,initialCursor:a.next,loadPage:r.loadPage,maximumRequests:at(o,!1),onDelayChange:e=>{t()&&Object.assign(a.autofill,e)},onProgress:e=>{t()&&Object.assign(a.autofill,e,{status:`filling`})},options:o,receivedOffset:s,requestOffset:1,signal:i});t()&&(a.items=q(a.items,c.items),a.next=c.next,c.total!==void 0&&(a.total=c.total),n(c.lastCursor),Object.assign(a.autofill,{missing:c.missing,received:c.received,requests:c.requests,status:c.status}))}function St(e){return`pages`in e?{pages:e.pages}:{until:`end`}}function Ct(e){return`${typeof e}:${String(e)}`}function wt(e){if(!e||typeof e!=`object`)throw TypeError(`Vibe fill target must be an object.`);if(`pages`in e){if(!Number.isInteger(e.pages)||e.pages<=0)throw TypeError(`Vibe fill pages must be a positive integer.`);return{pages:e.pages}}if(`until`in e&&e.until===`end`)return{until:`end`};throw TypeError(`Vibe fill target must be { pages } or { until: 'end' }.`)}function Tt(e){if(!e)return;if(e.strategy===`frontend`){tt(e,`frontend fill`);return}if(!e.feedKey.trim())throw TypeError(`Vibe backend fill requires a feedKey.`);let t=e.initialSession;if(t){if(t.feedKey!==e.feedKey)throw TypeError(`Vibe backend fill initialSession feedKey must match fill feedKey.`);wt(t.target)}}function $(e,t,n=!0){let r=e?.strategy===`backend`&&n?e.initialSession:void 0,i=t??r,a=Y(i?.nextRequestAt);return{completedPages:i?.completedPages??0,cycleId:i?.cycleId??null,...a,enabled:!!e,error:i?.error??null,feedKey:e?.strategy===`backend`?e.feedKey:null,received:i?.received??0,sequence:i?.sequence??0,sessionId:i?.sessionId??null,status:i?.status??`idle`,strategy:e?.strategy??null,target:i?St(i.target):null}}function Et(e){return[`cancelling`,`filling`,`restoring`,`waiting`].includes(e.status)}async function Dt({existingItems:e,initialCursor:t,loadPage:n,onDelayChange:r,onProgress:i,options:a,signal:o,target:s}){let c=[],l=[...e],u=new Set,d=0,f=t,p=t,m=0,h;for(;p!==null;){let e=Ct(f);if(u.has(e))throw Error(`Vibe fill received a repeated cursor.`);u.add(e),await rt({delayMs:nt(d,a),onChange:r,signal:o});let t=Xe(await n({cursor:f,signal:o}));d+=1;let g=q(l,t.items).slice(l.length);if(l.push(...g),c.push(...g),m=c.length,p=t.next,t.total!==void 0&&(h=t.total),i({completedPages:d,next:p,received:m}),`pages`in s&&d>=s.pages)return{completedPages:d,items:c,lastCursor:f,next:p,received:m,status:`complete`,total:h};if(p===null)return{completedPages:d,items:c,lastCursor:f,next:p,received:m,status:`pages`in s?`exhausted`:`complete`,total:h};f=p}return{completedPages:d,items:c,lastCursor:f,next:null,received:m,status:`pages`in s?`exhausted`:`complete`,total:h}}async function Ot(e,t,n,r){let i=await e.onStart(n);if(r()){if(!i.sessionId.trim())throw TypeError(`Vibe backend fill requires a sessionId.`);Object.assign(t.fill,{...Y(i.nextRequestAt),completedPages:i.completedPages??0,received:i.received??0,sequence:i.sequence??0,sessionId:i.sessionId,status:`waiting`})}}function kt(e,t,n){return e?.strategy===`backend`&&n.feedKey===e.feedKey&&n.sessionId===t.fill.sessionId}function At(e){return Number.isInteger(e.completedPages)&&e.completedPages>=0&&Number.isInteger(e.received)&&e.received>=0&&Number.isInteger(e.sequence)&&e.sequence>=0}function jt(e,t){if(![`complete`,`exhausted`].includes(t.status))return!0;let n=e.fill.target;return!n||!Array.isArray(t.items)||t.next===void 0||t.lastCursor===void 0?!1:t.status===`exhausted`?`pages`in n&&t.completedPages<n.pages&&t.next===null:`pages`in n?t.completedPages===n.pages:t.next===null}function Mt(e,t,n){t.total!==void 0&&(e.total=t.total),[`complete`,`exhausted`].includes(t.status)&&(e.items=q(e.items,t.items??[]),e.next=t.next??null,n(t.lastCursor??null))}function Nt(e,t,n,r){return!kt(e,t,n)||!At(n)||n.sequence<=t.fill.sequence||[`cancelled`,`cancelling`].includes(t.fill.status)||!jt(t,n)?!1:(Mt(t,n,r),Object.assign(t.fill,{...Y(n.status===`waiting`?n.nextRequestAt:null),completedPages:n.completedPages,error:n.error??null,received:n.received,sequence:n.sequence,status:n.status}),!0)}function Pt(e,t,n,r){if(e?.strategy!==`backend`||n.feedKey!==e.feedKey)return!1;let i=t.fill;return t.fill=$(e,n),!At(n)||!jt(t,n)?(t.fill=i,!1):(Mt(t,n,r),!0)}var Ft=class{abortController=null;cycle=0;delayCountdown;requestVersion=0;constructor(e){this.options=e,this.delayCountdown=new it(e=>{Object.assign(this.options.state.fill,e)}),this.syncBackendCountdown()}isActive(){return Et(this.options.state.fill)}applyUpdate(e){let t=Nt(this.options.fill,this.options.state,e,this.options.onLastCursor);return t&&this.syncBackendCountdown(),t}restoreSession(e){let t=Pt(this.options.fill,this.options.state,e,this.options.onLastCursor);return t&&this.syncBackendCountdown(),t}async start(e){let t=this.options.fill;if(!t)throw Error(`Vibe fill is not configured.`);if(this.isActive())throw Error(`Vibe fill is already active.`);let n=wt(e),r=`vibe-fill-${Date.now().toString(36)}-${++this.cycle}`;if(this.options.state.fill={...$(t,void 0,!1),cycleId:r,status:`filling`,target:n},this.options.state.next===null){this.options.state.fill.status=`pages`in n?`exhausted`:`complete`;return}let i=++this.requestVersion,a=new AbortController;this.abortController=a;try{t.strategy===`frontend`?await this.startFrontend(t,n,a,i):(await Ot(t,this.options.state,{cycleId:r,feedKey:t.feedKey,items:[...this.options.state.items],next:this.options.state.next,signal:a.signal,target:n,total:this.options.state.total},()=>this.isCurrent(i)),this.syncBackendCountdown())}catch(e){if(a.signal.aborted||!this.isCurrent(i))return;throw this.options.state.fill.error=e,this.options.state.fill.status=`error`,e}finally{this.isCurrent(i)&&(this.abortController=null,this.options.state.isLoadingMore=!1)}}async cancel(){let{fill:e,state:t}=this.options;if(!Et(t.fill)||!t.fill.cycleId)return;let n={cycleId:t.fill.cycleId,feedKey:t.fill.feedKey??``,sessionId:t.fill.sessionId};t.fill.status=`cancelling`,this.delayCountdown.clear(),this.abortController?.abort(),this.requestVersion+=1,this.abortController=null,t.isLoadingMore=!1;try{e?.strategy===`backend`&&await e.onCancel(n),t.fill.error=null,t.fill.status=`cancelled`}catch(e){throw t.fill.error=e,t.fill.status=`error`,e}}reset(){this.abortLocalRequest(),this.delayCountdown.clear(),this.options.state.fill=$(this.options.fill,void 0,!1)}destroy(){this.abortLocalRequest(),this.delayCountdown.clear()}abortLocalRequest(){this.requestVersion+=1,this.abortController?.abort(),this.abortController=null,this.options.state.isLoadingMore=!1}isCurrent(e){return e===this.requestVersion&&![`cancelled`,`cancelling`].includes(this.options.state.fill.status)}async startFrontend(e,t,n,r){let i=this.options.loadPage;if(!i)throw Error(`Vibe frontend fill requires loadPage.`);let a=this.options.state;a.isLoadingMore=!0;let o=await Dt({existingItems:a.items,initialCursor:a.next,loadPage:i,onDelayChange:e=>{this.isCurrent(r)&&Object.assign(a.fill,e)},onProgress:e=>{this.isCurrent(r)&&Object.assign(a.fill,e)},options:e,signal:n.signal,target:t});this.isCurrent(r)&&(a.items=q(a.items,o.items),a.next=o.next,o.total!==void 0&&(a.total=o.total),this.options.onLastCursor(o.lastCursor),Object.assign(a.fill,{completedPages:o.completedPages,received:o.received,status:o.status}))}syncBackendCountdown(){let e=this.options.state.fill;this.delayCountdown.sync(e.strategy===`backend`&&e.status===`waiting`?e.nextRequestAt:null)}};function It(e){return{cancelAutofill:()=>e.cancelAutofill(),loadMore:()=>e.loadNext(),retry:()=>e.reload(),retryEnd:()=>e.retryEnd()}}function Lt(e){if(!Number.isFinite(e)||e<=0)throw TypeError(`Vibe reelAutoAdvance.intervalMs must be a positive number.`)}function Rt(e){e?.intervalMs!==void 0&&Lt(e.intervalMs)}function zt(e){return{enabled:e?.enabled??!1,includePostItems:e?.includePostItems??!1,intervalMs:e?.intervalMs??5e3}}function Bt(e,t){if(typeof t==`boolean`){e.enabled=t;return}Rt(t),t.enabled!==void 0&&(e.enabled=t.enabled),t.includePostItems!==void 0&&(e.includePostItems=t.includePostItems),t.intervalMs!==void 0&&(e.intervalMs=t.intervalMs)}function Vt(e){return{enabled:e?.enabled??!1}}function Ht(e,t,n){if(n&&!t)throw Error(`Vibe cannot enable reelInfoSheet without a configured component.`);e.enabled=n}function Ut(e,t){let n=e.initialPage;return{activeReelPostId:null,autoScroll:ht(e.autoScroll),autofill:X(e.autofill),error:null,fill:$(e.fill),infiniteScroll:e.infiniteScroll??!0,isLoading:!n,isLoadingMore:!1,items:n?q([],n.items):[],layout:t===`reel`?`reel`:`masonry`,loadMoreLocked:!1,next:n?.next??null,nextPageError:null,reelAutoAdvance:zt(e.reelAutoAdvance),reelInfoSheet:Vt(e.reelInfoSheet),reelInfoSheetOverlay:!1,reelMediaSource:`original`,reelOrigin:null,total:n?.total??null}}function Wt(e,t){let n=new Set(t);return e.flatMap((e,t)=>n.has(e.postId)?[{index:t,item:e}]:[])}function Gt(e,t){let n=new Set(t.map(({item:e})=>e.postId));return e.filter(e=>!n.has(e.postId))}function Kt(e,t){t.forEach(({index:e})=>{if(!Number.isInteger(e)||e<0)throw Error(`Vibe item restore indexes must be non-negative integers.`)});let n=[...e],r=new Set(e.map(e=>e.postId));return[...t].sort((e,t)=>e.index-t.index).forEach(({index:e,item:t})=>{r.has(t.postId)||(n.splice(Math.min(e,n.length),0,t),r.add(t.postId))}),n}var qt=20,Jt=class{generation=0;historyLimit;metadata=new WeakMap;state;history=[];itemOrder;stopItemsWatcher;constructor(t){this.options=t,this.historyLimit=t.historyLimit??qt,this.state=t.state,this.itemOrder=this.state.items.map(({postId:e})=>e),this.stopItemsWatcher=(0,e.watch)(()=>this.state.items,e=>this.appendUnknownItems(e),{flush:`sync`})}destroy(){this.reset(),this.stopItemsWatcher()}async remove(e){let t=this.collectOrderedPlacements(e),n=this.createRemoval(t);if(t.length===0)return n;let r=t.map(({item:e})=>e.postId),i=this.options.startRemoval(r);if(i>0&&await new Promise(e=>setTimeout(e,i)),this.metadata.get(n)?.generation!==this.generation)return n;let a=this.state.items.findIndex(e=>e.postId===this.state.activeReelPostId);return this.state.items=Gt(this.state.items,t),this.options.onItemsRemoved(t,a),this.record(n),n}reset(){this.generation+=1,this.history=[],this.itemOrder=[]}restoreItems(e){let t=e;if(this.metadata.has(t)){this.restoreRemoval(t);return}let n=Kt(this.state.items,e);this.registerExternalPlacements(e),this.state.items=n}restoreRemoval(e){let t=this.metadata.get(e);if(!t)throw TypeError(`Vibe removal does not belong to this instance.`);return t.generation!==this.generation||t.restored?!1:(t.restored=!0,this.removeFromHistory(e),this.restoreOrderedPlacements(e))}undoLast(){for(;this.history.length>0;){let e=this.history.pop();if(this.restoreRemoval(e))return e}return null}appendUnknownItems(e){let t=new Set(this.itemOrder);e.forEach(({postId:e})=>{t.has(e)||(this.itemOrder.push(e),t.add(e))})}collectOrderedPlacements(e){let t=new Map(this.itemOrder.map((e,t)=>[e,t]));return Wt(this.state.items,e).map(e=>({index:t.get(e.item.postId)??e.index,item:e.item}))}createRemoval(e){let t=Object.freeze(e.map(e=>Object.freeze({...e})));return this.metadata.set(t,{generation:this.generation,restored:e.length===0}),t}record(e){this.historyLimit!==0&&(this.history.push(e),this.history.length>this.historyLimit&&this.history.shift())}registerExternalPlacements(e){let t=new Set(this.itemOrder);[...e].sort((e,t)=>e.index-t.index).forEach(({index:e,item:n})=>{t.has(n.postId)||(this.itemOrder.splice(Math.min(e,this.itemOrder.length),0,n.postId),t.add(n.postId))})}removeFromHistory(e){let t=this.history.indexOf(e);t>=0&&this.history.splice(t,1)}restoreOrderedPlacements(e){let t=new Set(this.state.items.map(({postId:e})=>e)),n=e.map(({item:e})=>e).filter(({postId:e})=>!t.has(e));if(n.length===0)return!1;let r=new Map(this.itemOrder.map((e,t)=>[e,t]));return this.state.items=[...this.state.items,...n].sort((e,t)=>(r.get(e.postId)??2**53-1)-(r.get(t.postId)??2**53-1)),!0}};function Yt(e,t){if(t){if(!Number.isFinite(t.height)||t.height<=0)throw TypeError(`Vibe ${e} height must be a positive number.`);if(t.background!==void 0&&t.background!==`default`&&t.background!==`transparent`)throw TypeError(`Vibe ${e} background must be "default" or "transparent".`)}}function Xt(e,t){if(t){if(t.background!==void 0&&t.background!==`default`&&t.background!==`transparent`)throw TypeError(`Vibe mediaCard ${e} background must be "default" or "transparent".`);for(let[n,r]of[[`paddingX`,t.paddingX],[`paddingY`,t.paddingY]])if(r!==void 0&&(!Number.isFinite(r)||r<0))throw TypeError(`Vibe mediaCard ${e} ${n} must be a non-negative number.`)}}function Zt(e){if(mt(e.autoScroll),Yt(`cardHeader`,e.cardHeader),Yt(`cardFooter`,e.cardFooter),Xt(`header`,e.mediaCard?.header),Xt(`footer`,e.mediaCard?.footer),ct(e.autofill),Tt(e.fill),Rt(e.reelAutoAdvance),e.removalHistoryLimit!==void 0&&(!Number.isInteger(e.removalHistoryLimit)||e.removalHistoryLimit<0))throw TypeError(`Vibe removalHistoryLimit must be a non-negative integer.`);if(!e.initialPage&&!e.loadPage)throw TypeError(`Vibe requires either initialPage or loadPage.`);if(e.initialPage?.next!==null&&!e.loadPage)throw TypeError(`Vibe requires loadPage when initialPage has a next cursor.`);if(e.fill?.strategy===`frontend`&&!e.loadPage)throw TypeError(`Vibe frontend fill requires loadPage.`);if(e.fill?.strategy===`backend`&&e.fill.initialSession&&!e.initialPage)throw TypeError(`Vibe backend fill restoration requires initialPage.`)}function Qt(e){if(typeof e!=`string`)return e;if(typeof document>`u`)throw Error(`Vibe cannot resolve a selector without a document.`);let t=document.querySelector(e);if(!t)throw Error(`Vibe target not found: ${e}`);return t}var $t=1.5;function en(e){let t=Math.min(e.screenWidth,e.screenHeight);if(t>0&&t<600)return!0;let n=Math.min(e.viewportWidth,e.viewportHeight),r=t>=n*$t;return!e.hasHover&&n>0&&n<600&&r}function tn(e){return en(e)?`reel`:`masonry`}function nn(e){let t=e.ownerDocument.defaultView,n=e.ownerDocument.documentElement;return{hasHover:typeof t?.matchMedia==`function`&&t.matchMedia(`(hover: hover)`).matches,screenHeight:t?.screen.height??0,screenWidth:t?.screen.width??0,viewportHeight:n.clientHeight,viewportWidth:n.clientWidth}}function rn(e){return en(nn(e))}function an(e){return tn(nn(e))}var on=class{layoutMode;resizeObserver=null;target=null;constructor(e,t,n){this.state=t,this.onFeedLayout=n,this.layoutMode=e}mount(e){this.target=e,this.handleResponsiveLayout();let t=e.ownerDocument.defaultView;t?.addEventListener(`resize`,this.handleResponsiveLayout);let n=t?.ResizeObserver??globalThis.ResizeObserver;n!==void 0&&(this.resizeObserver=new n(this.handleResponsiveLayout),this.resizeObserver.observe(e))}destroy(){this.target?.ownerDocument.defaultView?.removeEventListener(`resize`,this.handleResponsiveLayout),this.resizeObserver?.disconnect(),this.resizeObserver=null,this.target=null}setLayout(e){e!==this.layoutMode&&(this.layoutMode=e,e===`responsive`?this.handleResponsiveLayout():this.applyLayout(e))}applyLayout(e){e!==this.state.layout&&(e===`masonry`&&(this.state.activeReelPostId=null,this.onFeedLayout()),this.state.reelOrigin=null,this.state.layout=e)}handleResponsiveLayout=()=>{if(!this.target)return;let e=an(this.target);this.state.reelInfoSheetOverlay=rn(this.target),this.state.reelMediaSource=e===`reel`?`preview`:`original`,this.layoutMode===`responsive`&&this.applyLayout(e)}},sn=class{routedReelPostId=null;reelRouteIsActive=!1;constructor(e,t){this.options=e,this.state=t}syncFeed(){if(!this.options||!this.reelRouteIsActive)return;this.reelRouteIsActive=!1,this.routedReelPostId=null;let e=typeof this.options.feed==`function`?this.options.feed():this.options.feed;this.options.router.replace(e)}syncReel(e){if(!this.options)return;let t=this.state.items.findIndex(t=>t.postId===e),n=this.state.items[t];if(!n||this.reelRouteIsActive&&this.routedReelPostId===e)return;let r=this.options.reel({index:t,item:n,loadedCount:this.state.items.length,origin:this.state.reelOrigin??`reel`,total:this.state.total});if(r===null)return;let i=this.reelRouteIsActive?`replace`:`push`;this.reelRouteIsActive=!0,this.routedReelPostId=e,this.options.router[i](r)}},cn=class{app=null;autoScroll;autofillDelayCountdown;autofillCycle=0;abortController=null;pendingRequest=null;requestVersion=0;responsiveLayout;routing;fillController;itemRemoval;surface=null;stopStateWatcher=null;lastLoadedCursor=null;state;constructor(t){this.options=t,Zt(t);let n=t.layout??`masonry`;this.state=(0,e.reactive)(Ut(t,n)),this.autoScroll=new gt({getScrollElement:()=>this.surface?.getAutoScrollElement()??null,state:this.state.autoScroll}),this.autofillDelayCountdown=new it(e=>Object.assign(this.state.autofill,e)),this.syncAutofillCountdown(),this.fillController=new Ft({fill:t.fill,loadPage:t.loadPage,onLastCursor:e=>{this.lastLoadedCursor=e},state:this.state}),this.routing=new sn(t.routing,this.state),this.itemRemoval=new Jt({historyLimit:t.removalHistoryLimit,onItemsRemoved:(e,t)=>{this.restoreActiveItemAfterRemoval(e,t)},startRemoval:e=>this.surface?.startItemRemoval(e)??0,state:this.state}),this.responsiveLayout=new on(n,this.state,()=>{this.routing.syncFeed()}),this.startStateNotifications()}async mount(){if(this.app)throw Error(`Vibe is already mounted.`);this.startStateNotifications();let t=Qt(this.options.target);this.responsiveLayout.mount(t),this.app=(0,e.createApp)(Ye,{canRetryEnd:!!this.options.loadPage,cardFooter:this.options.cardFooter,cardHeader:this.options.cardHeader,feedFooter:this.options.feedFooter,feedFooterActions:It(this),mediaCard:this.options.mediaCard,reelInfoSheet:this.options.reelInfoSheet,state:this.state,onActiveReelChange:e=>this.setActiveReelPost(e),onCloseReel:()=>this.closeMasonryReel(),onLoadMore:()=>{this.loadNext()},onOpenReel:e=>this.openMasonryReel(e),onReelInfoSheetChange:e=>this.setReelInfoSheet(e),onRetryEnd:()=>{this.retryEnd()}}),this.surface=this.app.mount(t),this.autoScroll.mount(),this.options.initialPage?this.options.autofill&&this.state.autofill.status===`idle`&&!this.fillController.isActive()&&await this.startInitialAutofill():await this.reload()}destroy(){this.autoScroll.destroy(),this.fillController.destroy(),this.cancelRequest(),this.itemRemoval.destroy(),this.responsiveLayout.destroy(),this.stopStateWatcher?.(),this.stopStateWatcher=null,this.app?.unmount(),this.app=null,this.surface=null}getState(){return a(this.state)}removeItems(e){return this.itemRemoval.remove(e)}restoreItems(e){this.itemRemoval.restoreItems(e)}restoreRemoval(e){return this.itemRemoval.restoreRemoval(e)}undoLastRemoval(){return this.itemRemoval.undoLast()}nextReelMediaItem(){return this.surface?.changeActiveReelMedia(1)??!1}previousReelMediaItem(){return this.surface?.changeActiveReelMedia(-1)??!1}nextReelPost(){return this.surface?.moveActiveReelPost(1)??!1}previousReelPost(){return this.surface?.moveActiveReelPost(-1)??!1}pauseAutoScroll(){this.autoScroll.setPaused(!0)}resumeAutoScroll(){this.autoScroll.setPaused(!1)}setAutoScroll(e,t){this.autoScroll.setEnabled(e,t)}setAutoScrollSpeed(e){this.autoScroll.setSpeed(e)}applyAutofillUpdate(e){let t=yt(this.options.autofill,this.state,e);return t&&this.syncAutofillCountdown(),t}async cancelAutofill(){await lt(this.options.autofill,this.state,()=>this.cancelRequest())}applyFillUpdate(e){return this.fillController.applyUpdate(e)}cancelFill(){return this.fillController.cancel()}async fill(e){if(this.pendingRequest||Z(this.state.autofill))throw Error(`Vibe cannot fill while another page operation is active.`);await this.fillController.start(e)}restoreAutofillSession(e){let t=bt(this.options.autofill,this.state,e);return t&&this.syncAutofillCountdown(),t}restoreFillSession(e){return this.fillController.restoreSession(e)}async loadNext(){if(this.pendingRequest)return this.pendingRequest;if(!this.state.loadMoreLocked&&!(Z(this.state.autofill)||this.fillController.isActive())&&!(this.state.next===null||!this.options.loadPage))return this.state.isLoadingMore=!0,this.state.nextPageError=null,this.startRequest(this.state.next,!0)}async reload(){if(!this.options.loadPage)throw Error(`Vibe cannot reload without loadPage.`);return Z(this.state.autofill)&&await this.cancelAutofill(),this.fillController.isActive()&&await this.cancelFill(),this.cancelRequest(),this.state.autofill=X(this.options.autofill,void 0,!1),this.fillController.reset(),this.itemRemoval.reset(),this.state.error=null,this.state.isLoading=!0,this.state.items=[],this.state.next=null,this.state.nextPageError=null,this.state.total=null,this.startRequest(null,!1)}async retryEnd(){if(this.pendingRequest)return this.pendingRequest;if(!this.state.loadMoreLocked&&!(Z(this.state.autofill)||this.fillController.isActive())&&!(this.state.next!==null||!this.options.loadPage))return this.state.isLoadingMore=!0,this.state.nextPageError=null,this.startRequest(this.lastLoadedCursor,!0)}setInfiniteScroll(t){this.state.infiniteScroll=t,t&&(0,e.nextTick)(()=>this.surface?.loadIfNearBottom())}setLoadMoreLocked(t){this.state.loadMoreLocked!==t&&(this.state.loadMoreLocked=t,!t&&this.state.infiniteScroll&&(0,e.nextTick)(()=>this.surface?.loadIfNearBottom()))}setReelAutoAdvance(e){Bt(this.state.reelAutoAdvance,e)}setReelInfoSheet(e){Ht(this.state.reelInfoSheet,this.options.reelInfoSheet,e)}setLayout(e){this.responsiveLayout.setLayout(e)}closeMasonryReel(){this.state.reelOrigin===`masonry`&&(this.state.activeReelPostId=null,this.state.reelOrigin=null,this.routing.syncFeed())}restoreActiveItemAfterRemoval(e,t){let n=new Set(e.map(({item:e})=>e.postId));if(this.state.activeReelPostId===null||!n.has(this.state.activeReelPostId))return;if(this.state.reelOrigin===`masonry`){this.closeMasonryReel();return}let r=this.state.items[Math.min(Math.max(t,0),this.state.items.length-1)];this.state.activeReelPostId=r?.postId??null,r?this.routing.syncReel(r.postId):this.routing.syncFeed()}openMasonryReel(e){this.state.layout===`masonry`&&this.state.items.some(t=>t.postId===e)&&(this.state.activeReelPostId=e,this.state.reelOrigin=`masonry`,this.routing.syncReel(e))}setActiveReelPost(e){this.state.layout!==`reel`&&this.state.reelOrigin!==`masonry`||(this.state.activeReelPostId=e,this.routing.syncReel(e))}cancelRequest(){this.autofillDelayCountdown.clear(),this.requestVersion+=1,this.abortController?.abort(),this.abortController=null,this.pendingRequest=null,this.state.isLoading=!1,this.state.isLoadingMore=!1}async fetchPage(e,t){let n=this.options.loadPage;if(!n)return;let r=++this.requestVersion,i=new AbortController,a=this.options.autofill,o=a?this.beginAutofillCycle():null,s=!1;this.abortController=i;try{if(a?.strategy===`frontend`){let o=await dt({existingItems:t?this.state.items:[],initialCursor:e,loadPage:n,onDelayChange:e=>{r===this.requestVersion&&Object.assign(this.state.autofill,e)},onProgress:e=>{r===this.requestVersion&&Object.assign(this.state.autofill,e,{status:`filling`})},options:a,signal:i.signal});if(r!==this.requestVersion)return;this.state.items=t?q(this.state.items,o.items):[...o.items],this.lastLoadedCursor=o.lastCursor,this.state.next=o.next,o.total!==void 0&&(this.state.total=o.total),Object.assign(this.state.autofill,{missing:o.missing,received:o.received,requests:o.requests,status:o.status});return}let c=Xe(await n({cursor:e,signal:i.signal}));if(r!==this.requestVersion)return;let l=t?this.state.items:[],u=q(l,c.items),d=u.length-l.length;if(this.state.items=u,this.lastLoadedCursor=e,this.state.next=c.next,c.total!==void 0&&(this.state.total=c.total),s=!0,a?.strategy===`backend`&&o){if(Object.assign(this.state.autofill,{missing:Math.max(0,a.pageSize-d),received:d,requests:1}),d>=a.pageSize){this.state.autofill.status=`complete`;return}await _t(a,this.state,{cycleId:o,feedKey:a.feedKey,items:u.slice(l.length),missing:a.pageSize-d,next:c.next,pageSize:a.pageSize,received:d,signal:i.signal,total:this.state.total},()=>r===this.requestVersion),this.syncAutofillCountdown()}}catch(e){if(i.signal.aborted||r!==this.requestVersion)return;a&&(this.state.autofill.error=e,this.state.autofill.status=`error`),s||(t?this.state.nextPageError=e:this.state.error=e)}finally{r===this.requestVersion&&(this.abortController=null,this.state.isLoading=!1,this.state.isLoadingMore=!1)}}beginAutofillCycle(){let e=this.options.autofill;if(!e)return``;this.autofillDelayCountdown.clear();let t=`vibe-autofill-${Date.now().toString(36)}-${++this.autofillCycle}`;return this.state.autofill={...X(e,void 0,!1),cycleId:t,status:`filling`},t}syncAutofillCountdown(){let e=this.state.autofill;this.autofillDelayCountdown.sync(e.strategy===`backend`&&e.status===`waiting`?e.nextRequestAt:null)}startRequest(e,t){let n=this.fetchPage(e,t);return this.pendingRequest=n,n.finally(()=>{this.pendingRequest===n&&(this.pendingRequest=null)})}startInitialAutofill(){let e=++this.requestVersion,t=new AbortController,n=this.beginAutofillCycle();this.abortController=t,this.state.isLoadingMore=!0;let r=xt({cycleId:n,isCurrent:()=>e===this.requestVersion,onLastCursor:e=>{this.lastLoadedCursor=e},options:this.options,signal:t.signal,state:this.state}).catch(n=>{t.signal.aborted||e!==this.requestVersion||(this.state.autofill.error=n,this.state.autofill.status=`error`,this.state.nextPageError=n)}).finally(()=>{e===this.requestVersion&&(this.syncAutofillCountdown(),this.abortController=null,this.state.isLoadingMore=!1,this.pendingRequest===r&&(this.pendingRequest=null))});return this.pendingRequest=r,r}startStateNotifications(){let t=this.options.onStateChange;!t||this.stopStateWatcher||(t(this.getState()),this.stopStateWatcher=(0,e.watch)(this.state,()=>t(this.getState()),{deep:!0,flush:`post`}))}};function ln(e){return new cn(e)}exports.createVibe=ln;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`vue`);function t(e){return[e,...e.items]}function n(e,t){return Math.min(e.items.length,Math.max(0,t))}function r(e,r){return t(e)[n(e,r)]??e}function i(e,t){return`${String(e)}:${t}`}function a(e){return{activeReelPostId:e.activeReelPostId,autoScroll:{...e.autoScroll},autofill:{...e.autofill},error:e.error,fill:{...e.fill,target:e.fill.target?{...e.fill.target}:null},infiniteScroll:e.infiniteScroll,isLoading:e.isLoading,isLoadingMore:e.isLoadingMore,items:[...e.items],layout:e.layout,lifecycle:e.isLoading||e.isLoadingMore?`loading`:e.error||e.nextPageError?`error`:`loaded`,loadMoreLocked:e.loadMoreLocked,next:e.next,nextPageError:e.nextPageError,reelAutoAdvance:{...e.reelAutoAdvance},reelInfoSheet:{...e.reelInfoSheet},reelOrigin:e.reelOrigin,total:e.total}}var o={key:0,class:`gallery-footer`},s={key:0,class:`load-more-status`,role:`status`},c=[`disabled`],l={key:2,class:`end-feed`},u=[`disabled`],d=(0,e.defineComponent)({__name:`GalleryFooter`,props:{canRetryEnd:{type:Boolean},hasError:{type:Boolean},hasNext:{type:Boolean},isLoading:{type:Boolean},loadMoreLocked:{type:Boolean}},emits:[`loadMore`,`retryEnd`],setup(t,{emit:n}){let r=t,i=n;function a(){r.loadMoreLocked||(r.hasNext?i(`loadMore`):i(`retryEnd`))}return(n,r)=>t.hasNext||t.isLoading||t.hasError||t.canRetryEnd?((0,e.openBlock)(),(0,e.createElementBlock)(`footer`,o,[t.isLoading?((0,e.openBlock)(),(0,e.createElementBlock)(`p`,s,` Loading more… `)):t.hasError||t.hasNext?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:1,"data-test":`load-more`,class:`load-more-button`,type:`button`,disabled:t.loadMoreLocked,onClick:a},(0,e.toDisplayString)(t.hasError?`Try again`:t.loadMoreLocked?`Loading paused`:`Load more`),9,c)):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,l,[r[1]||=(0,e.createElementVNode)(`p`,{class:`end-feed-message`,role:`status`},` You've reached the end. `,-1),(0,e.createElementVNode)(`button`,{"data-test":`retry-end`,class:`load-more-button`,type:`button`,disabled:t.loadMoreLocked,onClick:r[0]||=e=>n.$emit(`retryEnd`)},` Check for more `,8,u)]))])):(0,e.createCommentVNode)(``,!0)}}),f=(0,e.defineComponent)({__name:`FeedFooter`,props:{actions:{},canRetryEnd:{type:Boolean},feedFooter:{},hasError:{type:Boolean},hasNext:{type:Boolean},isLoading:{type:Boolean},loadMoreLocked:{type:Boolean},state:{}},emits:[`loadMore`,`retryEnd`],setup(t,{emit:n}){let r=t,i=n;function a(){r.actions?.cancelAutofill()}function o(){r.actions?.retry()}return(n,r)=>t.feedFooter&&t.actions&&t.state?((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.feedFooter.component),{key:0,actions:t.actions,"can-retry-end":t.canRetryEnd,state:t.state,onAutofillCancel:a,onLoadMore:r[0]||=e=>i(`loadMore`),onRetry:o,onRetryEnd:r[1]||=e=>i(`retryEnd`)},null,40,[`actions`,`can-retry-end`,`state`])):((0,e.openBlock)(),(0,e.createBlock)(d,{key:1,"can-retry-end":t.canRetryEnd,"has-error":t.hasError,"has-next":t.hasNext,"is-loading":t.isLoading,"load-more-locked":t.loadMoreLocked,onLoadMore:r[2]||=e=>i(`loadMore`),onRetryEnd:r[3]||=e=>i(`retryEnd`)},null,8,[`can-retry-end`,`has-error`,`has-next`,`is-loading`,`load-more-locked`]))}}),p=[`role`],m={class:`gallery-status`},h=(0,e.defineComponent)({__name:`FeedStatus`,props:{actions:{},canRetryEnd:{type:Boolean},feedFooter:{},state:{}},emits:[`loadMore`,`retryEnd`],setup(t,{emit:n}){let r=t,i=n;return(n,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(`main`,{class:`gallery-shell`,role:r.state.error?`alert`:r.state.isLoading?`status`:void 0},[(0,e.createElementVNode)(`p`,m,[r.state.error?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:0},[(0,e.createTextVNode)(` Unable to load media. `)],64)):r.state.isLoading?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[(0,e.createTextVNode)(` Loading media… `)],64)):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:2},[(0,e.createTextVNode)(` No media found. `)],64))]),t.feedFooter?((0,e.openBlock)(),(0,e.createBlock)(f,{key:0,actions:t.actions,"can-retry-end":t.canRetryEnd,"feed-footer":t.feedFooter,"has-error":!!t.state.nextPageError,"has-next":t.state.next!==null,"is-loading":t.state.isLoadingMore,"load-more-locked":t.state.loadMoreLocked,state:t.state,onLoadMore:a[0]||=e=>i(`loadMore`),onRetryEnd:a[1]||=e=>i(`retryEnd`)},null,8,[`actions`,`can-retry-end`,`feed-footer`,`has-error`,`has-next`,`is-loading`,`load-more-locked`,`state`])):(0,e.createCommentVNode)(``,!0)],8,p))}});function g(e){return e.scrollHeight-e.scrollTop-e.clientHeight<=240}function _(e){let t=e.preview.width??e.width,n=e.preview.height??e.height;return!t||!n||t<=0||n<=0?1:n/t}function v(e){return e.reduce((t,n,r)=>n<e[t]?r:t,0)}function y(e){return Math.max(0,e.containerHeight)+Math.max(0,e.gap)}function b(e,t){let n=Math.max(0,t.overscan),r=t.scrollTop-n,i=t.scrollTop+Math.max(0,t.viewportHeight)+n;return e.reduce((e,t,n)=>(t.y+t.height>=r&&t.y<=i&&e.push(n),e),[])}function x(e,t,n){if(t<=0||e.length===0)return{columns:0,height:0,items:[]};let r=Math.max(0,n.gap),i=Number.isFinite(n.additionalHeight)?Math.max(0,n.additionalHeight??0):0,a=Math.max(1,n.minColumnWidth),o=Math.max(1,Math.floor((t+r)/(a+r))),s=(t-r*(o-1))/o,c=Array.from({length:o},()=>0),l=e.map(e=>{let t=v(c),n=s*_(e)+i,a={x:t*(s+r),y:c[t],width:s,height:n};return c[t]+=n+r,a});return{columns:o,height:Math.max(...c)-r,items:l}}function S(e,t,n){return Math.min(n,Math.max(t,e))}function C({contentSize:e,minimumThumbSize:t,scrollPosition:n,trackSize:r,viewportSize:i}){let a=Math.max(0,e),o=Math.max(0,r),s=Math.max(0,i),c=Math.max(0,a-s);if(!(c>0&&o>0))return{maximumScrollPosition:c,scrollable:!1,thumbOffset:0,thumbSize:o,thumbTravel:0};let l=S(s/a*o,Math.min(Math.max(0,t),o),o),u=Math.max(0,o-l);return{maximumScrollPosition:c,scrollable:!0,thumbOffset:u*(S(n,0,c)/c),thumbSize:l,thumbTravel:u}}var w=[`aria-hidden`],T=[`aria-controls`,`aria-valuemax`,`aria-valuenow`,`tabindex`],E=32,D=40,O=120,k=(0,e.defineComponent)({__name:`GalleryScrollbar`,props:{contentSize:{},controlsId:{},scrollElement:{},suspended:{type:Boolean}},setup(t){let n=t,r={maximumScrollPosition:0,scrollable:!1,thumbOffset:0,thumbSize:0,thumbTravel:0},i=(0,e.shallowRef)(null),a=(0,e.shallowRef)(r),o=(0,e.shallowRef)(!1),s=(0,e.shallowRef)(!1),c=(0,e.shallowRef)(!1),l=null,u=0,d=0,f=null,p=null,m=null,h=null,g=!1,_=null,v=(0,e.computed)(()=>a.value.scrollable&&!n.suspended),y=(0,e.computed)(()=>({height:`${a.value.thumbSize}px`,transform:`translate3d(0, ${a.value.thumbOffset}px, 0)`}));function b(){f!==null&&clearTimeout(f),f=setTimeout(()=>{f=null,o.value||(s.value=!1)},O)}function x(){s.value=!0,b()}function S(){let e=n.scrollElement,t=i.value;return!e||!t?r:C({contentSize:e.scrollHeight,minimumThumbSize:E,scrollPosition:e.scrollTop,trackSize:t.clientHeight,viewportSize:e.clientHeight})}function k(e){if(o.value&&e!==`scroll`){g=!0;return}if(o.value){let e=n.scrollElement;if(!e||a.value.maximumScrollPosition<=0)return;let t=Math.min(1,Math.max(0,e.scrollTop/a.value.maximumScrollPosition));a.value={...a.value,thumbOffset:a.value.thumbTravel*t};return}a.value=S(),!(c.value||p!==null)&&(p=requestAnimationFrame(()=>{p=null,c.value=!0}))}function A(){x(),k(`scroll`)}function j(e){let t=n.scrollElement;t&&(t.scrollTop=Math.min(a.value.maximumScrollPosition,Math.max(0,e)),k(`scroll`))}function M(e){if(!v.value||e.target!==e.currentTarget)return;let t=i.value;if(!t||a.value.thumbTravel<=0)return;e.preventDefault(),x();let n=e.clientY-t.getBoundingClientRect().top-a.value.thumbSize/2;j(Math.min(1,Math.max(0,n/a.value.thumbTravel))*a.value.maximumScrollPosition)}function N(e){v.value&&(e.preventDefault(),e.stopPropagation(),e.currentTarget.setPointerCapture?.(e.pointerId),l=e.pointerId,u=e.clientY,d=n.scrollElement?.scrollTop??0,o.value=!0,s.value=!0,f!==null&&clearTimeout(f),f=null)}function P(e){if(!o.value||e.pointerId!==l||(e.preventDefault(),a.value.thumbTravel<=0))return;let t=(e.clientY-u)/a.value.thumbTravel*a.value.maximumScrollPosition;j(d+t)}function F(e){!o.value||e.pointerId!==l||(e.currentTarget.releasePointerCapture?.(e.pointerId),l=null,o.value=!1,g&&(g=!1,k(`content`)),b())}function I(e){if(!v.value)return;let t=n.scrollElement?.clientHeight??0,r=n.scrollElement?.scrollTop??0,i=e.key===`ArrowUp`?r-D:e.key===`ArrowDown`?r+D:e.key===`PageUp`?r-t:e.key===`PageDown`?r+t:e.key===`Home`?0:e.key===`End`?a.value.maximumScrollPosition:null;i!==null&&(e.preventDefault(),x(),j(i))}function L(e){if(h?.disconnect(),!(typeof ResizeObserver>`u`)){h=new ResizeObserver(()=>k(`content`));for(let t of e.children)h.observe(t)}}return(0,e.watch)(()=>n.scrollElement,(t,n)=>{n?.removeEventListener(`scroll`,A),m?.disconnect(),m=null,h?.disconnect(),h=null,_?.disconnect(),_=null,t?.addEventListener(`scroll`,A,{passive:!0}),t&&typeof ResizeObserver<`u`&&(_=new ResizeObserver(()=>{x(),k(`resize`)}),_.observe(t),L(t)),t&&typeof MutationObserver<`u`&&(m=new MutationObserver(()=>{L(t),k(`content`)}),m.observe(t,{childList:!0})),(0,e.nextTick)(()=>k(`resize`))},{immediate:!0}),(0,e.watch)(()=>n.contentSize,()=>{(0,e.nextTick)(()=>k(`content`))}),(0,e.onBeforeUnmount)(()=>{n.scrollElement?.removeEventListener(`scroll`,A),m?.disconnect(),h?.disconnect(),_?.disconnect(),f!==null&&clearTimeout(f),p!==null&&cancelAnimationFrame(p)}),(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{ref_key:`trackElement`,ref:i,class:(0,e.normalizeClass)([`gallery-scrollbar`,{"gallery-scrollbar--dragging":o.value,"gallery-scrollbar--interacting":s.value,"gallery-scrollbar--ready":c.value,"gallery-scrollbar--visible":v.value}]),"aria-hidden":!v.value||void 0,onPointerdown:M},[(0,e.createElementVNode)(`div`,{class:`gallery-scrollbar-thumb`,"aria-controls":t.controlsId,"aria-label":`Media gallery scroll position`,"aria-orientation":`vertical`,"aria-valuemax":Math.round(a.value.maximumScrollPosition),"aria-valuemin":`0`,"aria-valuenow":Math.round(t.scrollElement?.scrollTop??0),role:`scrollbar`,style:(0,e.normalizeStyle)(y.value),tabindex:v.value?0:-1,onKeydown:I,onPointercancel:F,onPointerdown:N,onPointermove:P,onPointerup:F},null,44,T)],42,w))}}),A=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},j=e=>e===``,M=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),N=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),P=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,n)=>n?n.toUpperCase():t.toLowerCase()),F=e=>{let t=P(e);return t.charAt(0).toUpperCase()+t.slice(1)},I={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":2,"stroke-linecap":`round`,"stroke-linejoin":`round`},L=({name:t,iconNode:n,absoluteStrokeWidth:r,"absolute-stroke-width":i,strokeWidth:a,"stroke-width":o,size:s=I.width,color:c=I.stroke,...l},{slots:u})=>(0,e.h)(`svg`,{...I,...l,width:s,height:s,stroke:c,"stroke-width":j(r)||j(i)||r===!0||i===!0?Number(a||o||I[`stroke-width`])*24/Number(s):a||o||I[`stroke-width`],class:M(`lucide`,l.class,...t?[`lucide-${N(F(t))}-icon`,`lucide-${N(t)}`]:[`lucide-icon`]),...!u.default&&!A(l)&&{"aria-hidden":`true`}},[...n.map(t=>(0,e.h)(...t)),...u.default?[u.default()]:[]]),R=(t,n)=>(r,{slots:i,attrs:a})=>(0,e.h)(L,{...a,...r,iconNode:n,name:t},i),z=R(`chevron-left`,[[`path`,{d:`m15 18-6-6 6-6`,key:`1wnfg3`}]]),ee=R(`chevron-right`,[[`path`,{d:`m9 18 6-6-6-6`,key:`mthhwq`}]]),B=R(`pause`,[[`rect`,{x:`14`,y:`3`,width:`5`,height:`18`,rx:`1`,key:`kaeet6`}],[`rect`,{x:`5`,y:`3`,width:`5`,height:`18`,rx:`1`,key:`1wsw3u`}]]),V=R(`play`,[[`path`,{d:`M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z`,key:`10ikf1`}]]),H=R(`volume-2`,[[`path`,{d:`M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z`,key:`uqj9uw`}],[`path`,{d:`M16 9a5 5 0 0 1 0 6`,key:`1q6k2b`}],[`path`,{d:`M19.364 18.364a9 9 0 0 0 0-12.728`,key:`ijwkga`}]]),te=R(`volume-x`,[[`path`,{d:`M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z`,key:`uqj9uw`}],[`line`,{x1:`22`,x2:`16`,y1:`9`,y2:`15`,key:`1ewh16`}],[`line`,{x1:`16`,x2:`22`,y1:`9`,y2:`15`,key:`5ykzw1`}]]),U={401:`Authentication required`,403:`Access forbidden`,404:`Preview not found`,419:`Session expired`,500:`Server error`};function W(e){return e.match(/\/demo-errors\/(401|403|404|419|500)\//)?.[1]??`Error`}function ne(e){return U[W(e)]??`Preview unavailable`}var G=/\.(aac|flac|m4a|mp3|mp4|mov|ogg|opus|wav|webm)$/i;function re(e){try{return G.test(new URL(e).pathname)}catch{return G.test(e.split(`?`)[0]??e)}}var K=(0,e.defineComponent)({__name:`CardRegion`,props:{index:{},item:{},layout:{},loadedCount:{},mediaIndex:{},mediaSource:{},placement:{},region:{},style:{},total:{}},setup(i){let a=i,o=(0,e.computed)(()=>n(a.item,a.mediaIndex)),s=(0,e.computed)(()=>t(a.item)),c=(0,e.computed)(()=>r(a.item,o.value)),l=(0,e.computed)(()=>({height:`${a.region.height}px`,paddingBlock:a.style?.paddingY===void 0?void 0:`${a.style.paddingY}px`,paddingInline:a.style?.paddingX===void 0?void 0:`${a.style.paddingX}px`})),u=(0,e.computed)(()=>a.style?.background??a.region.background);return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:(0,e.normalizeClass)([`media-card-region`,[`media-card-${i.placement}`,{"media-card-region--transparent":u.value===`transparent`}]]),style:(0,e.normalizeStyle)(l.value),onClick:n[0]||=(0,e.withModifiers)(()=>{},[`stop`]),onKeydown:n[1]||=(0,e.withModifiers)(()=>{},[`stop`])},[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(i.region.component),{index:i.index,item:i.item,layout:i.layout,"loaded-count":i.loadedCount,"media-count":s.value.length,"media-index":o.value,"media-item":c.value,"media-source":i.mediaSource??`preview`,total:i.total},null,8,[`index`,`item`,`layout`,`loaded-count`,`media-count`,`media-index`,`media-item`,`media-source`,`total`]))],38))}}),q=[`max`,`value`,`aria-valuetext`,`disabled`],ie={key:0,class:`media-controls-row`},ae=[`aria-label`,`title`],oe={class:`media-controls-audio`},se=[`aria-label`,`title`],ce=[`value`,`aria-valuetext`],le={class:`media-control-time`,"aria-live":`off`},ue=(0,e.defineComponent)({__name:`MediaControls`,props:{currentTime:{},duration:{},layout:{},muted:{type:Boolean},playing:{type:Boolean},volume:{}},emits:[`seek`,`toggleMute`,`togglePlayback`,`volumeChange`],setup(t,{emit:n}){let r=t,i=n;function a(e,t=1){return Number.isFinite(e)?Math.min(t,Math.max(0,e)):0}function o(e){let t=Math.floor(a(e,2**53-1)),n=Math.floor(t/3600),r=Math.floor(t%3600/60),i=t%60;return n>0?`${n}:${String(r).padStart(2,`0`)}:${String(i).padStart(2,`0`)}`:`${r}:${String(i).padStart(2,`0`)}`}function s(e){return Number(e.target.value)}let c=(0,e.computed)(()=>Math.max(0,r.duration)),l=(0,e.computed)(()=>a(r.currentTime,c.value)),u=(0,e.computed)(()=>({"--media-range-progress":`${c.value>0?l.value/c.value*100:0}%`})),d=(0,e.computed)(()=>({"--media-range-progress":`${a(r.volume)*100}%`}));return(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:(0,e.normalizeClass)([`media-controls`,`media-controls--${t.layout}`]),"aria-label":`Video controls`,onClick:r[4]||=(0,e.withModifiers)(()=>{},[`stop`]),onDblclick:r[5]||=(0,e.withModifiers)(()=>{},[`stop`]),onKeydown:r[6]||=(0,e.withModifiers)(()=>{},[`stop`]),onWheel:r[7]||=(0,e.withModifiers)(()=>{},[`stop`])},[(0,e.createElementVNode)(`input`,{class:`media-control-range media-control-seek`,type:`range`,min:`0`,max:c.value||0,step:`0.1`,value:l.value,style:(0,e.normalizeStyle)(u.value),"aria-label":`Seek video`,"aria-valuetext":`${o(l.value)} of ${o(c.value)}`,disabled:c.value<=0,onInput:r[0]||=e=>i(`seek`,s(e))},null,44,q),t.layout===`reel`?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,ie,[(0,e.createElementVNode)(`button`,{type:`button`,class:`media-control-button media-control-playback`,"aria-label":t.playing?`Pause video`:`Play video`,title:t.playing?`Pause`:`Play`,onClick:r[1]||=e=>i(`togglePlayback`)},[t.playing?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(B),{key:0,size:18,fill:`currentColor`})):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(V),{key:1,size:18,fill:`currentColor`}))],8,ae),(0,e.createElementVNode)(`div`,oe,[(0,e.createElementVNode)(`button`,{type:`button`,class:`media-control-button`,"aria-label":t.muted?`Unmute video`:`Mute video`,title:t.muted?`Unmute`:`Mute`,onClick:r[2]||=e=>i(`toggleMute`)},[t.muted||t.volume===0?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(te),{key:0,size:18})):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(H),{key:1,size:18}))],8,se),(0,e.createElementVNode)(`input`,{class:`media-control-range media-control-volume`,type:`range`,min:`0`,max:`1`,step:`0.05`,value:t.volume,style:(0,e.normalizeStyle)(d.value),"aria-label":`Video volume`,"aria-valuetext":`${Math.round(t.volume*100)} percent`,onInput:r[3]||=e=>i(`volumeChange`,s(e))},null,44,ce)]),(0,e.createElementVNode)(`output`,le,(0,e.toDisplayString)(o(l.value))+` / `+(0,e.toDisplayString)(o(c.value)),1)])):(0,e.createCommentVNode)(``,!0)],34))}}),de=[`data-post-id`,`data-media-index`,`aria-hidden`,`aria-busy`,`inert`,`role`,`tabindex`],fe={class:`media-card-content`},pe=[`data-media-direction`],me=[`data-media-index`],he={key:0,"data-test":`media-loading`,class:`media-loading`,"aria-hidden":`true`},ge=[`aria-label`],_e={class:`media-error-code`},ve=[`src`,`width`,`height`,`loop`,`muted`,`preload`],ye=[`src`,`width`,`height`,`fetchpriority`],be=[`aria-label`],xe=[`aria-label`],Se=[`aria-label`],Ce=40,we=160,Te=24,Ee=(0,e.defineComponent)({__name:`MediaCard`,props:{advanceOnMediaEnd:{type:Boolean},cardFooter:{},cardHeader:{},entering:{type:Boolean},fetchPriority:{},index:{},item:{},itemStyle:{},interactive:{type:Boolean},leaving:{type:Boolean},layout:{},loadedCount:{},mediaIndex:{},mediaCard:{},mediaSource:{},previewState:{},total:{}},emits:[`activate`,`ended`,`error`,`mediaChange`,`ready`],setup(i,{emit:a}){let o=i,s=null,c=0,l=!1,u=null,d=null,f=(0,e.shallowRef)(`next`),p=a;function m(e=!1,t=`pointer`){e&&p(`activate`,t)}let h=(0,e.computed)(()=>t(o.item)),g=(0,e.computed)(()=>n(o.item,o.mediaIndex)),_=(0,e.computed)(()=>r(o.item,g.value)),v=(0,e.computed)(()=>o.mediaSource===`original`?_.value.src:_.value.preview.src),y=(0,e.computed)(()=>o.mediaSource===`original`?_.value.width:_.value.preview.width),b=(0,e.computed)(()=>o.mediaSource===`original`?_.value.height:_.value.preview.height),x=(0,e.shallowRef)(null),S=(0,e.shallowRef)(0),C=(0,e.shallowRef)(0),w=(0,e.shallowRef)(!0),T=(0,e.shallowRef)(!1),E=(0,e.shallowRef)(1),D=1,O=(0,e.computed)(()=>o.interactive&&!!(o.cardHeader||o.cardFooter));function k(e){return e.detail===0?`keyboard`:`pointer`}function A(e,t){let n=h.value.length,r=(e+n)%n;r!==g.value&&(f.value=e<g.value?`previous`:`next`,p(`mediaChange`,r),t&&t.detail>0&&t.currentTarget?.blur())}function j(e,t,n){return t===1?e*16:t===2?e*n:e}function M(){c=0,l=!1,s!==null&&clearTimeout(s),s=null}function N(){s!==null&&clearTimeout(s),s=setTimeout(M,we)}function P(e){if(h.value.length<=1)return;let t=e.currentTarget?.clientWidth||1,n=j(e.deltaX,e.deltaMode,t);if(n===0||(e.preventDefault(),N(),l)||(c+=n,Math.abs(c)<Te))return;let r=Math.sign(c);c=0,l=!0,A(g.value+r)}function F(e){let t=e.touches[0];o.layout!==`reel`||!t||(u=t.clientX,d=t.clientY)}function I(e){let t=e.changedTouches[0];if(u===null||d===null||!t)return;let n=u-t.clientX,r=d-t.clientY;u=null,d=null,!(Math.abs(n)<=Math.abs(r))&&(Math.abs(n)<Ce||A(g.value+Math.sign(n)))}let L=(0,e.computed)(()=>re(v.value));function R(e){o.layout===`reel`&&(e.stopPropagation(),B())}async function B(){if(x.value){if(T.value){x.value.pause();return}try{await x.value.play()}catch{T.value=!1}}}function V(e){return Number.isFinite(e)?Math.max(0,e):0}function H(e){let t=e?.currentTarget??x.value;t&&(S.value=V(t.currentTime),C.value=V(t.duration),w.value=t.muted,E.value=t.volume,t.volume>0&&(D=t.volume))}function te(e){H(e),p(`ready`,g.value)}function U(){T.value=!1,p(`ended`,g.value)}function G(e){let t=x.value;!t||!Number.isFinite(e)||(t.currentTime=Math.min(V(t.duration),Math.max(0,e)),S.value=t.currentTime)}function q(e){let t=x.value;if(!t||!Number.isFinite(e))return;let n=Math.min(1,Math.max(0,e));t.volume=n,t.muted=n===0,n>0&&(D=n),H()}function ie(){let e=x.value;e&&(e.muted&&e.volume===0&&(e.volume=D),e.muted=!e.muted,H())}return(0,e.onBeforeUnmount)(()=>{M()}),(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`article`,{"data-post-id":i.item.postId,"data-media-index":g.value,class:(0,e.normalizeClass)([`media-card`,{"media-card--entering":i.entering,"media-card--leaving":i.leaving,"media-card--error":i.previewState===`error`,"media-card--transparent-chrome":i.mediaCard?.header?.background===`transparent`||i.mediaCard?.footer?.background===`transparent`||i.cardHeader?.background===`transparent`||i.cardFooter?.background===`transparent`}]),style:(0,e.normalizeStyle)(i.itemStyle),"aria-hidden":i.leaving||void 0,"aria-busy":i.previewState===`loading`,inert:i.leaving||void 0,role:i.interactive&&!i.leaving&&!O.value?`button`:void 0,tabindex:i.interactive&&!i.leaving&&!O.value?0:void 0,onClick:n[11]||=e=>m(i.interactive&&!O.value,k(e)),onKeydown:[n[12]||=(0,e.withKeys)(e=>m(i.interactive&&!O.value,`keyboard`),[`enter`]),n[13]||=(0,e.withKeys)((0,e.withModifiers)(e=>m(i.interactive&&!O.value,`keyboard`),[`prevent`]),[`space`])]},[(0,e.createElementVNode)(`div`,fe,[i.cardHeader?((0,e.openBlock)(),(0,e.createBlock)(K,{key:0,index:i.index,item:i.item,layout:i.layout,"loaded-count":i.loadedCount,"media-index":g.value,"media-source":i.mediaSource,placement:`header`,region:i.cardHeader,style:(0,e.normalizeStyle)(i.mediaCard?.header),total:i.total},null,8,[`index`,`item`,`layout`,`loaded-count`,`media-index`,`media-source`,`region`,`style`,`total`])):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`media-card-media`,{"media-card-media--carousel":i.layout===`reel`&&h.value.length>1}]),"data-media-direction":f.value,onWheel:P,onTouchstartPassive:F,onTouchendPassive:I},[(0,e.createVNode)(e.Transition,{name:`media-slide-${f.value}`},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:`${i.item.postId}:${g.value}:${i.mediaSource??`preview`}`,class:`media-card-frame`,"data-media-index":g.value},[i.previewState===`loading`?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,he,[...n[14]||=[(0,e.createElementVNode)(`span`,{class:`media-loading-shimmer`},null,-1)]])):i.previewState===`error`?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:1,"data-test":`media-error`,class:`media-error`,role:`img`,"aria-label":`${(0,e.unref)(W)(v.value)} ${(0,e.unref)(ne)(v.value)}`},[(0,e.createElementVNode)(`strong`,_e,(0,e.toDisplayString)((0,e.unref)(W)(v.value)),1),(0,e.createElementVNode)(`span`,null,(0,e.toDisplayString)((0,e.unref)(ne)(v.value)),1)],8,ge)):(0,e.createCommentVNode)(``,!0),L.value?((0,e.openBlock)(),(0,e.createElementBlock)(`video`,{key:2,ref_key:`videoElement`,ref:x,class:(0,e.normalizeClass)([`media-preview`,{"media-preview--ready":i.previewState===`ready`,"media-preview--reel-video":i.layout===`reel`}]),src:v.value,width:y.value??void 0,height:b.value??void 0,autoplay:``,loop:!i.advanceOnMediaEnd,muted:w.value,playsinline:``,preload:i.fetchPriority===`high`?`auto`:`metadata`,onLoadedmetadata:te,onDurationchange:H,onTimeupdate:H,onVolumechange:H,onPlaying:n[0]||=e=>T.value=!0,onPause:n[1]||=e=>T.value=!1,onEnded:U,onClick:R,onError:n[2]||=e=>t.$emit(`error`,g.value)},null,42,ve)):((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:3,class:(0,e.normalizeClass)([`media-preview`,{"media-preview--ready":i.previewState===`ready`}]),src:v.value,width:y.value??void 0,height:b.value??void 0,fetchpriority:i.fetchPriority,alt:``,decoding:`async`,loading:`eager`,onLoad:n[3]||=e=>t.$emit(`ready`,g.value),onError:n[4]||=e=>t.$emit(`error`,g.value)},null,42,ye))],8,me))]),_:1},8,[`name`]),L.value&&i.previewState===`ready`?((0,e.openBlock)(),(0,e.createBlock)(ue,{key:0,"current-time":S.value,duration:C.value,layout:i.layout,muted:w.value,playing:T.value,volume:E.value,onSeek:G,onToggleMute:ie,onTogglePlayback:B,onVolumeChange:q},null,8,[`current-time`,`duration`,`layout`,`muted`,`playing`,`volume`])):(0,e.createCommentVNode)(``,!0),h.value.length>1?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:1,class:(0,e.normalizeClass)([`media-carousel-controls`,{"media-carousel-controls--persistent":i.layout===`reel`}]),"aria-label":`Media navigation`},[(0,e.createElementVNode)(`button`,{type:`button`,class:`media-carousel-control media-carousel-control--previous`,"aria-label":`Previous media for post ${i.item.postId}`,onClick:n[5]||=(0,e.withModifiers)(e=>A(g.value-1,e),[`stop`]),onKeydown:n[6]||=(0,e.withModifiers)(()=>{},[`stop`])},[(0,e.createVNode)((0,e.unref)(z),{size:20})],40,be),(0,e.createElementVNode)(`button`,{type:`button`,class:`media-carousel-control media-carousel-control--next`,"aria-label":`Next media for post ${i.item.postId}`,onClick:n[7]||=(0,e.withModifiers)(e=>A(g.value+1,e),[`stop`]),onKeydown:n[8]||=(0,e.withModifiers)(()=>{},[`stop`])},[(0,e.createVNode)((0,e.unref)(ee),{size:20})],40,xe)],2)):(0,e.createCommentVNode)(``,!0),O.value?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:2,class:`media-card-activator`,type:`button`,"aria-label":`Open post ${i.item.postId}`,onClick:n[9]||=(0,e.withModifiers)(e=>t.$emit(`activate`,k(e)),[`stop`]),onKeydown:n[10]||=(0,e.withModifiers)(()=>{},[`stop`])},null,40,Se)):(0,e.createCommentVNode)(``,!0)],42,pe),i.cardFooter?((0,e.openBlock)(),(0,e.createBlock)(K,{key:1,index:i.index,item:i.item,layout:i.layout,"loaded-count":i.loadedCount,"media-index":g.value,"media-source":i.mediaSource,placement:`footer`,region:i.cardFooter,style:(0,e.normalizeStyle)(i.mediaCard?.footer),total:i.total},null,8,[`index`,`item`,`layout`,`loaded-count`,`media-index`,`media-source`,`region`,`style`,`total`])):(0,e.createCommentVNode)(``,!0)])],46,de))}}),De={class:`masonry-feed-shell`},Oe=[`aria-hidden`,`inert`],ke=240,Ae=6,je=12,Me=800,Ne=1.5,Pe=(0,e.defineComponent)({__name:`MasonryFeed`,props:{enteringPostIds:{},entryDelays:{},leavingPostIds:{default:()=>new Set},removalDelays:{default:()=>new Map},suspended:{type:Boolean},canRetryEnd:{type:Boolean},cardFooter:{},cardHeader:{},feedFooter:{},feedFooterActions:{},hasNext:{type:Boolean},infiniteScroll:{type:Boolean},isLoadingMore:{type:Boolean},items:{},loadMoreLocked:{type:Boolean},mediaCard:{},mediaIndices:{},nextPageError:{type:Boolean},previewStates:{},state:{},total:{}},emits:[`activate`,`error`,`loadMore`,`mediaChange`,`ready`,`retryEnd`],setup(t,{expose:n,emit:r}){let a=t,o=r,s=(0,e.shallowRef)(null),c=`vibe-masonry-${(0,e.useId)()}`,l=(0,e.shallowRef)(null),u=(0,e.shallowRef)(0),d=(0,e.shallowRef)(Ae),p=(0,e.shallowRef)(0),m=(0,e.shallowRef)(0),h=(0,e.shallowRef)(0),_=null,v=null,S=null,C=(0,e.computed)(()=>x(a.items,u.value,{additionalHeight:(a.cardHeader?.height??0)+(a.cardFooter?.height??0),gap:d.value,minColumnWidth:ke})),w=(0,e.computed)(()=>{let e=C.value;if(a.leavingPostIds.size===0)return e;let t=a.items.filter(e=>!a.leavingPostIds.has(e.postId)),n=x(t,u.value,{additionalHeight:(a.cardHeader?.height??0)+(a.cardFooter?.height??0),gap:d.value,minColumnWidth:ke}),r=new Map(t.map((e,t)=>[e.postId,n.items[t]]));return{...n,items:a.items.map((t,n)=>a.leavingPostIds.has(t.postId)?e.items[n]:r.get(t.postId)??e.items[n])}}),T=(0,e.computed)(()=>({height:`${a.leavingPostIds.size===0?w.value.height:C.value.height}px`})),E=(0,e.computed)(()=>{let e=Math.max(Me,m.value*Ne),t={scrollTop:p.value-h.value,viewportHeight:m.value},n=b(w.value.items,{...t,overscan:e}),r=a.leavingPostIds.size===0?[]:b(C.value.items,{...t,overscan:e}),i=[...new Set([...n,...r])].sort((e,t)=>e-t),o=b(w.value.items,{...t,overscan:0}),s=a.leavingPostIds.size===0?[]:b(C.value.items,{...t,overscan:0}),c=new Set([...o,...s]);return i.flatMap(e=>{let t=a.items[e];return t?[{fetchPriority:c.has(e)?`high`:`low`,index:e,item:t}]:[]})});function D(e){let t=w.value.items[e],n=a.items[e]?.postId;if(!t)return{};let r=n!==void 0&&a.enteringPostIds.has(n),i=n!==void 0&&a.leavingPostIds.has(n),o=r||i?y({containerHeight:C.value.height,gap:d.value}):0,s=n===void 0?0:i?a.removalDelays.get(n)??0:r?a.entryDelays.get(n)??0:0;return{"--masonry-entry-delay":`${s}ms`,width:`${t.width}px`,height:`${t.height}px`,transform:`translate3d(${t.x}px, ${t.y+o}px, 0)`}}function O(){let e=s.value;if(!e)return;p.value=e.scrollTop,m.value=e.clientHeight;let t=l.value;t&&(h.value=t.getBoundingClientRect().top-e.getBoundingClientRect().top+e.scrollTop)}function A(e){let t=e.ownerDocument.documentElement.clientWidth;u.value=e.clientWidth,d.value=Math.min(je,Math.max(Ae,t*.0075)),O()}function j(e){let t=e.currentTarget;t&&(p.value=t.scrollTop,!a.loadMoreLocked&&a.infiniteScroll&&g(t)&&o(`loadMore`))}function M(){let e=s.value;!a.loadMoreLocked&&e&&g(e)&&o(`loadMore`)}function N(){return s.value}return(0,e.watch)(l,e=>{_?.disconnect(),_=null,S!==null&&cancelAnimationFrame(S),e&&(A(e),!(typeof ResizeObserver>`u`)&&(_=new ResizeObserver(([t])=>{let n=t?.contentRect.width??e.clientWidth;Math.abs(n-u.value)<.5||(S=requestAnimationFrame(()=>{S=null,A(e)}))}),_.observe(e)))}),(0,e.watch)(s,e=>{v?.disconnect(),v=null,e&&(O(),!(typeof ResizeObserver>`u`)&&(v=new ResizeObserver(O),v.observe(e)))}),(0,e.onBeforeUnmount)(()=>{_?.disconnect(),v?.disconnect(),S!==null&&cancelAnimationFrame(S)}),n({getScrollElement:N,loadIfNearBottom:M}),(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,De,[(0,e.createElementVNode)(`main`,{id:c,ref_key:`galleryElement`,ref:s,class:(0,e.normalizeClass)([`gallery-shell masonry-feed`,{"masonry-feed--suspended":t.suspended}]),"data-layout-mode":`masonry`,"aria-hidden":t.suspended||void 0,inert:t.suspended||void 0,onScrollPassive:j},[(0,e.createElementVNode)(`section`,{ref_key:`masonryElement`,ref:l,class:(0,e.normalizeClass)([`masonry`,{"masonry--ready":u.value>0}]),style:(0,e.normalizeStyle)(T.value),"aria-label":`Media gallery`},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(E.value,({fetchPriority:n,item:r,index:a})=>((0,e.openBlock)(),(0,e.createBlock)(Ee,{key:r.postId,class:`masonry-item`,entering:t.enteringPostIds.has(r.postId),leaving:t.leavingPostIds.has(r.postId),"fetch-priority":n,"card-footer":t.cardFooter,"card-header":t.cardHeader,"media-card":t.mediaCard,index:a,item:r,"item-style":D(a),interactive:``,layout:`masonry`,"loaded-count":t.items.length,"media-index":t.mediaIndices.get(r.postId)??0,"preview-state":t.previewStates.get((0,e.unref)(i)(r.postId,t.mediaIndices.get(r.postId)??0))??`loading`,total:t.total,onActivate:e=>o(`activate`,r.postId,e),onMediaChange:e=>o(`mediaChange`,r.postId,e),onReady:e=>o(`ready`,r.postId,e),onError:e=>o(`error`,r.postId,e)},null,8,[`entering`,`leaving`,`fetch-priority`,`card-footer`,`card-header`,`media-card`,`index`,`item`,`item-style`,`loaded-count`,`media-index`,`preview-state`,`total`,`onActivate`,`onMediaChange`,`onReady`,`onError`]))),128))],6),(0,e.createVNode)(f,{actions:t.feedFooterActions,"can-retry-end":t.canRetryEnd,"feed-footer":t.feedFooter,"has-error":t.nextPageError,"has-next":t.hasNext,"is-loading":t.isLoadingMore,"load-more-locked":t.loadMoreLocked,state:t.state,onLoadMore:r[0]||=e=>o(`loadMore`),onRetryEnd:r[1]||=e=>o(`retryEnd`)},null,8,[`actions`,`can-retry-end`,`feed-footer`,`has-error`,`has-next`,`is-loading`,`load-more-locked`,`state`])],42,Oe),(0,e.createVNode)(k,{"content-size":w.value.height,"controls-id":c,"scroll-element":s.value,suspended:t.suspended},null,8,[`content-size`,`scroll-element`,`suspended`])]))}}),Fe=[`aria-label`],Ie=(0,e.defineComponent)({__name:`ReelAutoAdvanceProgress`,props:{durationMs:{},label:{}},emits:[`complete`],setup(t,{emit:n}){let r=t,i=n,a=(0,e.computed)(()=>({"--vibe-reel-auto-advance-duration":`${r.durationMs}ms`}));return(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:`reel-auto-advance`,"data-test":`reel-auto-advance`,role:`timer`,"aria-label":t.label},[(0,e.createElementVNode)(`span`,{class:`reel-auto-advance-progress`,style:(0,e.normalizeStyle)(a.value),onAnimationend:r[0]||=e=>i(`complete`)},null,36)],8,Fe))}}),Le=[`data-active-post-id`,`data-active-media-index`],Re=2,ze=(0,e.defineComponent)({__name:`ReelFeed`,props:{initialPostId:{},mediaSource:{},reelAutoAdvance:{},canRetryEnd:{type:Boolean},cardFooter:{},cardHeader:{},feedFooter:{},feedFooterActions:{},hasNext:{type:Boolean},infiniteScroll:{type:Boolean},isLoadingMore:{type:Boolean},items:{},loadMoreLocked:{type:Boolean},mediaCard:{},mediaIndices:{},nextPageError:{type:Boolean},previewStates:{},state:{},total:{}},emits:[`activeChange`,`error`,`loadMore`,`mediaChange`,`ready`,`retryEnd`],setup(n,{expose:a,emit:o}){let s=n,c=o,l=(0,e.shallowRef)(null),u=s.initialPostId===null||s.initialPostId===void 0?-1:s.items.findIndex(e=>e.postId===s.initialPostId),d=(0,e.shallowRef)(Math.max(0,u)),p=(0,e.shallowRef)(!1),m=0,h=null,_=null,v=null,y=(0,e.computed)(()=>({gridTemplateRows:`repeat(${s.items.length}, 100cqh)`})),b=(0,e.computed)(()=>{let e=Math.max(0,d.value-Re),t=Math.min(s.items.length-1,d.value+Re);return s.items.slice(e,t+1).map((t,n)=>({fetchPriority:e+n===d.value?`high`:`low`,index:e+n,item:t}))}),x=(0,e.computed)(()=>s.items[d.value]?.postId),S=(0,e.computed)(()=>s.items[d.value]),C=(0,e.computed)(()=>{let e=x.value;return e===void 0?0:s.mediaIndices.get(e)??0}),w=(0,e.computed)(()=>{let e=x.value;return e===void 0?`loading`:s.previewStates.get(i(e,C.value))??`loading`}),T=(0,e.computed)(()=>{let e=S.value;if(!e)return``;let t=r(e,C.value);return s.mediaSource===`original`?t.src:t.preview.src}),E=(0,e.computed)(()=>w.value===`ready`&&re(T.value)),D=(0,e.computed)(()=>[x.value,C.value,s.items.length,s.loadMoreLocked,s.reelAutoAdvance.enabled,s.reelAutoAdvance.includePostItems,s.reelAutoAdvance.intervalMs].join(`:`)),O=(0,e.computed)(()=>{let e=S.value,n=!!(e&&s.reelAutoAdvance.includePostItems&&C.value<t(e).length-1),r=s.reelAutoAdvance.intervalMs/1e3;return`Auto advance to the next ${n?`post item`:`post`} in ${r}s`}),k=(0,e.computed)(()=>s.reelAutoAdvance.enabled&&S.value!==void 0&&w.value!==`loading`&&!E.value);function A(e){return{gridRow:`${e+1}`}}function j(e){let t=m||e.clientHeight;return t<=0||s.items.length===0?0:Math.min(s.items.length-1,Math.max(0,Math.round(e.scrollTop/t)))}function M(e){let t=e.currentTarget;t&&(p.value||(d.value=j(t)),!s.loadMoreLocked&&s.infiniteScroll&&g(t)&&c(`loadMore`))}function N(){let e=l.value;e&&(I(!0),m=e.clientHeight,e.scrollTop=d.value*m,_!==null&&cancelAnimationFrame(_),_=requestAnimationFrame(()=>{e.scrollTop=d.value*e.clientHeight,m=e.clientHeight,_=null}),P())}function P(){v!==null&&clearTimeout(v),v=setTimeout(()=>{v=null;let e=l.value;e&&(m=e.clientHeight,e.scrollTop=d.value*m),I(!1)},120)}function F(){I(!0);let e=l.value;e&&(m=e.clientHeight,e.scrollTop=d.value*m),P()}function I(e){p.value=e,l.value?.toggleAttribute(`data-resizing`,e)}function L(){let e=l.value;!s.loadMoreLocked&&e&&g(e)&&c(`loadMore`)}function R(e){let n=S.value;if(!n)return!1;let r=t(n).length;if(r<=1)return!1;let i=(C.value+e+r)%r;return c(`mediaChange`,n.postId,i),!0}function z(e){let t=d.value+e;return!l.value||t<0||t>=s.items.length?!1:(B(t),!0)}function ee(){return typeof window.matchMedia==`function`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches}function B(e){let t=l.value;if(!t)return;let n=e*(m||t.clientHeight);if(d.value=e,!ee()&&typeof t.scrollTo==`function`){t.scrollTo({behavior:`smooth`,top:n});return}t.scrollTop=n}function V(){if(!s.reelAutoAdvance.enabled)return;let e=S.value;if(!e)return;if(s.reelAutoAdvance.includePostItems&&C.value<t(e).length-1){c(`mediaChange`,e.postId,C.value+1);return}let n=d.value+1,r=s.items[n];if(!r){s.hasNext&&!s.loadMoreLocked&&c(`loadMore`);return}s.reelAutoAdvance.includePostItems&&(s.mediaIndices.get(r.postId)??0)!==0&&c(`mediaChange`,r.postId,0),B(n)}function H(e,t){!s.reelAutoAdvance.enabled||e!==x.value||t!==C.value||!E.value||V()}return(0,e.watch)(l,e=>{h?.disconnect(),h=null,e&&(m=e.clientHeight,!(typeof ResizeObserver>`u`)&&(h=new ResizeObserver(N),h.observe(e)))}),(0,e.watch)(()=>s.items.length,async t=>{d.value=Math.min(d.value,Math.max(0,t-1)),await(0,e.nextTick)(),N()}),(0,e.watch)(x,e=>{e!==void 0&&c(`activeChange`,e)},{immediate:!0}),(0,e.onMounted)(()=>{window.addEventListener(`resize`,F),window.addEventListener(`orientationchange`,F),u>=0&&(0,e.nextTick)(N)}),(0,e.onBeforeUnmount)(()=>{window.removeEventListener(`resize`,F),window.removeEventListener(`orientationchange`,F),h?.disconnect(),_!==null&&cancelAnimationFrame(_),v!==null&&clearTimeout(v)}),a({activeIndex:d,activePostId:x,changeActiveMedia:R,loadIfNearBottom:L,moveActivePost:z}),(t,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`main`,{class:(0,e.normalizeClass)([`reel-shell`,{"reel-shell--has-footer":!!n.cardFooter,"reel-shell--has-header":!!n.cardHeader}]),"data-layout-mode":`reel`},[n.cardHeader&&S.value?((0,e.openBlock)(),(0,e.createBlock)(K,{key:0,index:d.value,item:S.value,layout:`reel`,"loaded-count":n.items.length,"media-index":C.value,"media-source":n.mediaSource,placement:`header`,region:n.cardHeader,style:(0,e.normalizeStyle)(n.mediaCard?.header),total:n.total},null,8,[`index`,`item`,`loaded-count`,`media-index`,`media-source`,`region`,`style`,`total`])):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`div`,{ref_key:`galleryElement`,ref:l,class:`gallery-shell reel-feed`,"data-active-post-id":x.value,"data-active-media-index":C.value,onScrollPassive:M},[(0,e.createElementVNode)(`section`,{class:`reel-track`,style:(0,e.normalizeStyle)(y.value),"aria-label":`Media gallery`},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(b.value,({fetchPriority:t,item:r,index:a})=>((0,e.openBlock)(),(0,e.createBlock)(Ee,{key:r.postId,"advance-on-media-end":s.reelAutoAdvance.enabled&&a===d.value,class:`reel-item`,entering:!1,"fetch-priority":t,index:a,item:r,"item-style":A(a),"media-card":n.mediaCard,layout:`reel`,"loaded-count":n.items.length,"media-index":n.mediaIndices.get(r.postId)??0,"media-source":n.mediaSource,"preview-state":n.previewStates.get((0,e.unref)(i)(r.postId,n.mediaIndices.get(r.postId)??0))??`loading`,total:n.total,onMediaChange:e=>c(`mediaChange`,r.postId,e),onEnded:e=>H(r.postId,e),onReady:e=>c(`ready`,r.postId,e),onError:e=>c(`error`,r.postId,e)},null,8,[`advance-on-media-end`,`fetch-priority`,`index`,`item`,`item-style`,`media-card`,`loaded-count`,`media-index`,`media-source`,`preview-state`,`total`,`onMediaChange`,`onEnded`,`onReady`,`onError`]))),128))],4),(0,e.createVNode)(f,{actions:n.feedFooterActions,"can-retry-end":n.canRetryEnd,"feed-footer":n.feedFooter,"has-error":n.nextPageError,"has-next":n.hasNext,"is-loading":n.isLoadingMore,"load-more-locked":n.loadMoreLocked,state:n.state,onLoadMore:r[0]||=e=>c(`loadMore`),onRetryEnd:r[1]||=e=>c(`retryEnd`)},null,8,[`actions`,`can-retry-end`,`feed-footer`,`has-error`,`has-next`,`is-loading`,`load-more-locked`,`state`])],40,Le),n.cardFooter&&S.value?((0,e.openBlock)(),(0,e.createBlock)(K,{key:1,index:d.value,item:S.value,layout:`reel`,"loaded-count":n.items.length,"media-index":C.value,"media-source":n.mediaSource,placement:`footer`,region:n.cardFooter,style:(0,e.normalizeStyle)(n.mediaCard?.footer),total:n.total},null,8,[`index`,`item`,`loaded-count`,`media-index`,`media-source`,`region`,`style`,`total`])):(0,e.createCommentVNode)(``,!0),k.value?((0,e.openBlock)(),(0,e.createBlock)(Ie,{key:D.value,"duration-ms":n.reelAutoAdvance.intervalMs,label:O.value,onComplete:V},null,8,[`duration-ms`,`label`])):(0,e.createCommentVNode)(``,!0)],2))}}),Be=[`data-info-sheet-open`,`data-info-sheet-mode`],Ve=[`aria-hidden`,`inert`],He={key:0,class:`reel-info-sheet-layer`,"data-test":`reel-info-sheet`},Ue=[`role`,`aria-modal`,`tabindex`,`data-active-post-id`],We=(0,e.defineComponent)({__name:`ReelLayout`,props:{infoSheet:{},infoSheetEnabled:{type:Boolean},infoSheetOverlay:{type:Boolean},origin:{},initialPostId:{},mediaSource:{},reelAutoAdvance:{},canRetryEnd:{type:Boolean},cardFooter:{},cardHeader:{},feedFooter:{},feedFooterActions:{},hasNext:{type:Boolean},infiniteScroll:{type:Boolean},isLoadingMore:{type:Boolean},items:{},loadMoreLocked:{type:Boolean},mediaCard:{},mediaIndices:{},nextPageError:{type:Boolean},previewStates:{},state:{},total:{}},emits:[`activeChange`,`closeInfoSheet`,`error`,`loadMore`,`mediaChange`,`ready`,`retryEnd`],setup(n,{expose:i,emit:a}){let o=n,s=a,c=(0,e.shallowRef)(null),l=(0,e.shallowRef)(null),u=null,d=(0,e.computed)(()=>{let e=o.initialPostId===null||o.initialPostId===void 0?-1:o.items.findIndex(e=>e.postId===o.initialPostId);return Math.max(0,e)}),f=(0,e.computed)(()=>o.items[d.value]),p=(0,e.computed)(()=>{let e=f.value?.postId;return e===void 0?0:o.mediaIndices.get(e)??0}),m=(0,e.computed)(()=>!!(o.infoSheet&&o.infoSheetEnabled&&f.value)),h=(0,e.computed)(()=>{let e=f.value;return e?{close:g,index:d.value,item:e,layout:`reel`,loadedCount:o.items.length,mediaCount:t(e).length,mediaIndex:p.value,mediaItem:r(e,p.value),mediaSource:o.mediaSource??`preview`,origin:o.origin,total:o.total}:null});function g(){s(`closeInfoSheet`)}function _(e){return c.value?.changeActiveMedia(e)??!1}function v(){c.value?.loadIfNearBottom()}function y(e){return c.value?.moveActivePost(e)??!1}function b(e,t){s(`error`,e,t)}function x(e,t){s(`mediaChange`,e,t)}function S(e,t){s(`ready`,e,t)}return(0,e.watch)(()=>({overlay:o.infoSheetOverlay,visible:m.value}),async(t,n)=>{if(t.visible&&!n?.visible){u=document.activeElement instanceof HTMLElement?document.activeElement:null,t.overlay&&(await(0,e.nextTick)(),l.value?.focus({preventScroll:!0}));return}if(!t.visible&&n?.visible&&u?.isConnected){let t=u;u=null,await(0,e.nextTick)(),t.focus({preventScroll:!0})}}),(0,e.onBeforeUnmount)(()=>{u=null}),i({changeActiveMedia:_,loadIfNearBottom:v,moveActivePost:y}),(t,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`section`,{class:(0,e.normalizeClass)([`reel-layout`,`reel-layout--${n.infoSheetOverlay?`overlay`:`layout`}`]),"data-info-sheet-open":m.value||void 0,"data-info-sheet-mode":n.infoSheetOverlay?`overlay`:`layout`},[(0,e.createElementVNode)(`div`,{class:`reel-layout-main`,"aria-hidden":n.infoSheetOverlay&&m.value||void 0,inert:n.infoSheetOverlay&&m.value||void 0},[(0,e.createVNode)(ze,{ref_key:`reelFeed`,ref:c,"can-retry-end":n.canRetryEnd,"card-footer":n.cardFooter,"card-header":n.cardHeader,"feed-footer":n.feedFooter,"feed-footer-actions":n.feedFooterActions,"media-card":n.mediaCard,"has-next":n.hasNext,"infinite-scroll":n.infiniteScroll,"initial-post-id":n.initialPostId,"is-loading-more":n.isLoadingMore,items:n.items,"load-more-locked":n.loadMoreLocked,"media-indices":n.mediaIndices,"media-source":n.mediaSource,"next-page-error":n.nextPageError,"preview-states":n.previewStates,"reel-auto-advance":n.reelAutoAdvance,state:n.state,total:n.total,onActiveChange:r[0]||=e=>s(`activeChange`,e),onError:b,onLoadMore:r[1]||=e=>s(`loadMore`),onMediaChange:x,onReady:S,onRetryEnd:r[2]||=e=>s(`retryEnd`)},null,8,[`can-retry-end`,`card-footer`,`card-header`,`feed-footer`,`feed-footer-actions`,`media-card`,`has-next`,`infinite-scroll`,`initial-post-id`,`is-loading-more`,`items`,`load-more-locked`,`media-indices`,`media-source`,`next-page-error`,`preview-states`,`reel-auto-advance`,`state`,`total`])],8,Ve),(0,e.createVNode)(e.Transition,{name:`vibe-info-sheet`},{default:(0,e.withCtx)(()=>[m.value&&n.infoSheet&&h.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,He,[(0,e.createElementVNode)(`aside`,{ref_key:`sheetElement`,ref:l,class:`reel-info-sheet`,role:n.infoSheetOverlay?`dialog`:`complementary`,"aria-label":`Reel information`,"aria-modal":n.infoSheetOverlay?`true`:void 0,tabindex:n.infoSheetOverlay?-1:void 0,"data-active-post-id":f.value?.postId},[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(n.infoSheet.component),(0,e.normalizeProps)((0,e.guardReactiveProps)(h.value)),null,16))],8,Ue)])):(0,e.createCommentVNode)(``,!0)]),_:1})],10,Be))}}),Ge=35,Ke=420,qe=(0,e.defineComponent)({__name:`VibeSurface`,props:{canRetryEnd:{type:Boolean},cardFooter:{},cardHeader:{},feedFooter:{},feedFooterActions:{},mediaCard:{},reelInfoSheet:{},state:{}},emits:[`activeReelChange`,`closeReel`,`loadMore`,`openReel`,`reelInfoSheetChange`,`retryEnd`],setup(t,{expose:r,emit:o}){let s=t,c=o,l=(0,e.shallowRef)(null),u=(0,e.shallowRef)(null),d=(0,e.shallowRef)(null),f=(0,e.shallowRef)(null),p=(0,e.shallowRef)({}),m=(0,e.shallowRef)(!1),g=(0,e.shallowRef)(new Set),_=(0,e.shallowRef)(new Map),v=(0,e.shallowRef)(new Set),y=(0,e.shallowRef)(new Map),b=(0,e.shallowRef)(new Map),x=(0,e.shallowRef)(new Map),S=(0,e.shallowRef)(new Map),C=(0,e.computed)(()=>a(s.state)),w=(0,e.computed)(()=>s.state.reelMediaSource===`original`?S.value:x.value),T=new Set(s.state.items.map(e=>e.postId)),E=null,D=null,O=!1;function k(){return typeof window.matchMedia==`function`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches}function A(){E!==null&&cancelAnimationFrame(E),E=requestAnimationFrame(()=>{E=requestAnimationFrame(()=>{E=null,g.value=new Set})})}function j(e,t,n){let r=i(e,t);x.value.get(r)!==n&&(x.value=new Map(x.value).set(r,n))}function M(e,t,n){let r=i(e,t);S.value.get(r)!==n&&(S.value=new Map(S.value).set(r,n))}function N(e,t){j(e,t,`error`)}function P(e,t){j(e,t,`ready`)}function F(e,t){M(e,t,`error`)}function I(e,t){M(e,t,`ready`)}function L(e,t){if(s.state.reelMediaSource===`original`){F(e,t);return}N(e,t)}function R(e,t){if(s.state.reelMediaSource===`original`){I(e,t);return}P(e,t)}function z(e,t){let r=s.state.items.find(t=>t.postId===e);if(!r)return;let i=n(r,t);(b.value.get(e)??0)!==i&&(b.value=new Map(b.value).set(e,i))}async function ee(){await(0,e.nextTick)(),(s.state.layout===`reel`||s.state.reelOrigin===`masonry`?u.value:l.value)?.loadIfNearBottom()}function B(e){return s.state.isLoading||s.state.items.length===0||s.state.layout!==`reel`&&s.state.reelOrigin!==`masonry`?!1:u.value?.changeActiveMedia?.(e)??!1}function V(e){return s.state.isLoading||s.state.items.length===0||s.state.layout!==`reel`&&s.state.reelOrigin!==`masonry`?!1:u.value?.moveActivePost?.(e)??!1}function H(){return s.state.layout!==`masonry`||s.state.reelOrigin===`masonry`?null:l.value?.getScrollElement?.()??null}function te(t,n){D=t,O=n===`keyboard`,p.value=G(t),c(`openReel`,t),(0,e.nextTick)(()=>d.value?.focus())}function U(e){let t=f.value?.querySelectorAll(`.masonry-feed [data-post-id]`)??[];return Array.from(t).find(t=>t.dataset.postId===String(e))??null}function W(e){if(s.state.layout!==`masonry`||s.state.reelOrigin!==null||k())return 0;let t=[...new Set(e)],n=t.filter(U);if(n.length===0)return 0;let r=new Map(y.value);return n.forEach((e,t)=>{r.set(e,t*Ge)}),g.value=new Set([...g.value].filter(e=>!n.includes(e))),v.value=new Set([...v.value,...t]),y.value=r,Ke+(n.length-1)*Ge}function ne(e,t){let n=U(e),r=n?.querySelector(`.media-card-activator`)??n;r&&(r.classList.toggle(`media-card-focus-silent`,!t),t||r.addEventListener(`blur`,()=>{r.classList.remove(`media-card-focus-silent`)},{once:!0}),r?.focus({preventScroll:!0}))}function G(e){let t=f.value,n=U(e);if(t===null||n===null)return{};let r=t.getBoundingClientRect(),i=n.getBoundingClientRect();return{"--vibe-reel-origin-top":`${Math.max(0,i.top-r.top)}px`,"--vibe-reel-origin-right":`${Math.max(0,r.right-i.right)}px`,"--vibe-reel-origin-bottom":`${Math.max(0,r.bottom-i.bottom)}px`,"--vibe-reel-origin-left":`${Math.max(0,i.left-r.left)}px`}}function re(){s.state.reelOrigin===`masonry`&&(D??=s.state.activeReelPostId,m.value=!0,c(`closeReel`))}function K(){let t=D,n=O;m.value=!1,D=null,O=!1,p.value={},(0,e.nextTick)(()=>{t!==null&&ne(t,n)})}function q(e){let t=s.state.layout===`reel`||s.state.reelOrigin===`masonry`;if(e.key===`Escape`&&s.state.reelOrigin===`masonry`){e.preventDefault(),re();return}if(e.key===`Escape`&&t&&s.state.reelInfoSheet.enabled){e.preventDefault(),c(`reelInfoSheetChange`,!1);return}if(e.defaultPrevented||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||m.value||s.state.layout!==`reel`&&s.state.reelOrigin!==`masonry`)return;let n=e.target;if(n instanceof HTMLElement&&(n.isContentEditable||[`INPUT`,`SELECT`,`TEXTAREA`].includes(n.tagName)))return;let r=e.key===`ArrowLeft`?-1:e.key===`ArrowRight`?1:0;r!==0&&u.value?.changeActiveMedia?.(r)&&e.preventDefault()}return(0,e.watch)(()=>s.state.items.map(e=>e.postId),e=>{let t=e.filter(e=>!T.has(e)),n=new Set(e);if(T=new Set(e),v.value=new Set([...v.value].filter(e=>n.has(e))),y.value=new Map([...y.value].filter(([e])=>n.has(e))),t.length===0||k())return;let r=new Map;e.forEach(e=>{let t=_.value.get(e);t!==void 0&&r.set(e,t)}),t.forEach((e,t)=>{r.set(e,t*Ge)}),_.value=r,g.value=new Set([...g.value,...t]),A()},{flush:`sync`}),(0,e.onMounted)(()=>window.addEventListener(`keydown`,q)),(0,e.onBeforeUnmount)(()=>{window.removeEventListener(`keydown`,q),E!==null&&cancelAnimationFrame(E)}),r({changeActiveReelMedia:B,getAutoScrollElement:H,loadIfNearBottom:ee,moveActiveReelPost:V,startItemRemoval:W}),(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{ref_key:`surfaceElement`,ref:f,class:`vibe-surface`},[t.state.error||t.state.isLoading||t.state.items.length===0?((0,e.openBlock)(),(0,e.createBlock)(h,{key:0,actions:t.feedFooterActions,"can-retry-end":t.canRetryEnd,"feed-footer":t.feedFooter,state:C.value,onLoadMore:r[0]||=e=>c(`loadMore`),onRetryEnd:r[1]||=e=>c(`retryEnd`)},null,8,[`actions`,`can-retry-end`,`feed-footer`,`state`])):t.state.layout===`reel`?((0,e.openBlock)(),(0,e.createBlock)(We,{key:1,ref_key:`reelRenderer`,ref:u,"can-retry-end":t.canRetryEnd,"has-next":t.state.next!==null,"card-footer":t.cardFooter,"card-header":t.cardHeader,"feed-footer":t.feedFooter,"feed-footer-actions":t.feedFooterActions,"media-card":t.mediaCard,"infinite-scroll":t.state.infiniteScroll,"is-loading-more":t.state.isLoadingMore,items:t.state.items,"load-more-locked":t.state.loadMoreLocked,"media-source":t.state.reelMediaSource,"media-indices":b.value,"initial-post-id":t.state.activeReelPostId,"info-sheet":t.reelInfoSheet,"info-sheet-enabled":t.state.reelInfoSheet.enabled,"info-sheet-overlay":t.state.reelInfoSheetOverlay,"next-page-error":!!t.state.nextPageError,origin:`reel`,"preview-states":w.value,"reel-auto-advance":t.state.reelAutoAdvance,state:C.value,total:t.state.total,onActiveChange:r[2]||=e=>c(`activeReelChange`,e),onCloseInfoSheet:r[3]||=e=>c(`reelInfoSheetChange`,!1),onError:L,onLoadMore:r[4]||=e=>c(`loadMore`),onMediaChange:z,onReady:R,onRetryEnd:r[5]||=e=>c(`retryEnd`)},null,8,[`can-retry-end`,`has-next`,`card-footer`,`card-header`,`feed-footer`,`feed-footer-actions`,`media-card`,`infinite-scroll`,`is-loading-more`,`items`,`load-more-locked`,`media-source`,`media-indices`,`initial-post-id`,`info-sheet`,`info-sheet-enabled`,`info-sheet-overlay`,`next-page-error`,`preview-states`,`reel-auto-advance`,`state`,`total`])):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:2},[(0,e.createVNode)(Pe,{ref_key:`masonryRenderer`,ref:l,"can-retry-end":t.canRetryEnd,"entering-post-ids":g.value,"entry-delays":_.value,"leaving-post-ids":v.value,"removal-delays":y.value,"card-footer":t.cardFooter,"card-header":t.cardHeader,"feed-footer":t.feedFooter,"feed-footer-actions":t.feedFooterActions,"media-card":t.mediaCard,"has-next":t.state.next!==null,"infinite-scroll":t.state.infiniteScroll,"is-loading-more":t.state.isLoadingMore,items:t.state.items,"load-more-locked":t.state.loadMoreLocked,"media-indices":b.value,"next-page-error":!!t.state.nextPageError,"preview-states":x.value,suspended:t.state.reelOrigin===`masonry`||m.value,state:C.value,total:t.state.total,onActivate:te,onError:N,onLoadMore:r[6]||=e=>c(`loadMore`),onMediaChange:z,onReady:P,onRetryEnd:r[7]||=e=>c(`retryEnd`)},null,8,[`can-retry-end`,`entering-post-ids`,`entry-delays`,`leaving-post-ids`,`removal-delays`,`card-footer`,`card-header`,`feed-footer`,`feed-footer-actions`,`media-card`,`has-next`,`infinite-scroll`,`is-loading-more`,`items`,`load-more-locked`,`media-indices`,`next-page-error`,`preview-states`,`suspended`,`state`,`total`]),(0,e.createVNode)(e.Transition,{name:`vibe-reel-viewer`,onAfterLeave:K},{default:(0,e.withCtx)(()=>[t.state.reelOrigin===`masonry`?((0,e.openBlock)(),(0,e.createElementBlock)(`section`,{key:0,ref_key:`reelOverlay`,ref:d,class:`vibe-reel-overlay`,role:`dialog`,"aria-label":`Media viewer`,"aria-modal":`true`,tabindex:`-1`,style:(0,e.normalizeStyle)(p.value)},[(0,e.createVNode)(We,{ref_key:`reelRenderer`,ref:u,"can-retry-end":t.canRetryEnd,"card-footer":t.cardFooter,"card-header":t.cardHeader,"feed-footer":t.feedFooter,"feed-footer-actions":t.feedFooterActions,"media-card":t.mediaCard,"has-next":t.state.next!==null,"infinite-scroll":t.state.infiniteScroll,"initial-post-id":t.state.activeReelPostId,"info-sheet":t.reelInfoSheet,"info-sheet-enabled":t.state.reelInfoSheet.enabled,"info-sheet-overlay":t.state.reelInfoSheetOverlay,"is-loading-more":t.state.isLoadingMore,items:t.state.items,"load-more-locked":t.state.loadMoreLocked,"media-indices":b.value,"media-source":`original`,"next-page-error":!!t.state.nextPageError,origin:`masonry`,"preview-states":S.value,"reel-auto-advance":t.state.reelAutoAdvance,state:C.value,total:t.state.total,onActiveChange:r[8]||=e=>c(`activeReelChange`,e),onCloseInfoSheet:r[9]||=e=>c(`reelInfoSheetChange`,!1),onError:F,onLoadMore:r[10]||=e=>c(`loadMore`),onMediaChange:z,onReady:I,onRetryEnd:r[11]||=e=>c(`retryEnd`)},null,8,[`can-retry-end`,`card-footer`,`card-header`,`feed-footer`,`feed-footer-actions`,`media-card`,`has-next`,`infinite-scroll`,`initial-post-id`,`info-sheet`,`info-sheet-enabled`,`info-sheet-overlay`,`is-loading-more`,`items`,`load-more-locked`,`media-indices`,`next-page-error`,`preview-states`,`reel-auto-advance`,`state`,`total`])],4)):(0,e.createCommentVNode)(``,!0)]),_:1})],64))],512))}});function Je(e){if(!e||typeof e!=`object`||!Array.isArray(e.items))throw TypeError(`Vibe loadPage must resolve to a page with an items array.`);if(e.next!==null&&typeof e.next!=`string`&&typeof e.next!=`number`)throw TypeError(`Vibe page next must be a string, number, or null.`);if(e.total!==void 0&&(!Number.isFinite(e.total)||e.total<0))throw TypeError(`Vibe page total must be a non-negative number when provided.`);return e}function J(e,t){let n=new Set(e.map(e=>e.postId));return[...e,...t.filter(e=>n.has(e.postId)?!1:(n.add(e.postId),!0))]}var Ye=2e3,Xe=1e4,Ze=250,Y={delayRemainingMs:null,nextRequestAt:null};function Qe(e,t){return e===void 0?t:Math.floor(e)}function $e(e,t){for(let[n,r]of[[`delayStepMs`,e.delayStepMs],[`delayMaxMs`,e.delayMaxMs]])if(r!==void 0&&(!Number.isFinite(r)||r<0))throw TypeError(`Vibe ${t} ${n} must be a non-negative number.`)}function et(e,t={}){let n=Qe(t.delayStepMs,Ye),r=Qe(t.delayMaxMs,Xe);return Math.min(Math.max(0,e)*n,r)}function X(e){if(e==null||!Number.isFinite(e))return{...Y};let t=Math.max(0,Math.floor(e-Date.now()));return t>0?{delayRemainingMs:t,nextRequestAt:e}:{...Y}}async function tt({delayMs:e,onChange:t,signal:n}){if(n.aborted)throw new DOMException(`Aborted`,`AbortError`);if(e<=0){t({...Y});return}let r=Date.now()+e;t({delayRemainingMs:e,nextRequestAt:r}),await new Promise((i,a)=>{let o=!1,s=setInterval(f,Ze),c=setTimeout(()=>u(),e);function l(){clearInterval(s),clearTimeout(c),n.removeEventListener(`abort`,d),t({...Y})}function u(e){o||(o=!0,l(),e?a(e):i())}function d(){u(new DOMException(`Aborted`,`AbortError`))}function f(){let e=X(r);t(e),e.delayRemainingMs===null&&u()}n.addEventListener(`abort`,d,{once:!0})})}var nt=class{interval=null;constructor(e){this.onChange=e}clear(){this.interval!==null&&clearInterval(this.interval),this.interval=null,this.onChange({...Y})}sync(e){this.clear();let t=X(e);this.onChange(t),t.delayRemainingMs!==null&&(this.interval=setInterval(()=>{let t=X(e);this.onChange(t),t.delayRemainingMs===null&&this.clear()},Ze))}};function rt(e,t=!0){return e.maxAdditionalPages===`unlimited`?1/0:(e.maxAdditionalPages??10)+(t?1:0)}function it(e){return`${typeof e}:${String(e)}`}function at(e,t){if(!Number.isInteger(e)||e<=0)throw TypeError(`Vibe ${t} must be a positive integer.`)}function ot(e){if(!e)return;if(at(e.pageSize,`autofill pageSize`),e.strategy===`frontend`){$e(e,`frontend autofill`);let t=e.maxAdditionalPages;if(t!==void 0&&t!==`unlimited`&&(!Number.isInteger(t)||t<0))throw TypeError(`Vibe autofill maxAdditionalPages must be a non-negative integer or "unlimited".`);return}if(!e.feedKey.trim())throw TypeError(`Vibe backend autofill requires a feedKey.`);let t=e.initialSession;if(t){if(t.feedKey!==e.feedKey)throw TypeError(`Vibe backend autofill initialSession feedKey must match autofill feedKey.`);if(t.pageSize!==e.pageSize)throw TypeError(`Vibe backend autofill initialSession pageSize must match autofill pageSize.`)}}function Z(e,t,n=!0){if(!e)return{cycleId:null,delayRemainingMs:null,enabled:!1,error:null,feedKey:null,missing:0,nextRequestAt:null,pageSize:null,received:0,requests:0,sequence:0,sessionId:null,status:`idle`,strategy:null};let r=e.strategy===`backend`?t??(n?e.initialSession:void 0):void 0,i=r?.received??0,a=X(r?.nextRequestAt);return{cycleId:r?.cycleId??null,...a,enabled:!0,error:r?.error??null,feedKey:e.strategy===`backend`?e.feedKey:null,missing:Math.max(0,e.pageSize-i),pageSize:e.pageSize,received:i,requests:r?.requests??0,sequence:r?.sequence??0,sessionId:r?.sessionId??null,status:r?r.status:`idle`,strategy:e.strategy}}function Q(e){return[`cancelling`,`filling`,`restoring`,`waiting`].includes(e.status)}async function st(e,t,n){let r=t.autofill;if(!Q(r)||!r.cycleId)return;let i={cycleId:r.cycleId,feedKey:r.feedKey??``,sessionId:r.sessionId};n(),r.status=`cancelling`;try{e?.strategy===`backend`&&await e.onCancel(i),r.error=null,r.status=`cancelled`}catch(e){throw r.error=e,r.status=`error`,e}}function ct(e,t,n){return e?.strategy===`backend`&&t.feedKey===e.feedKey&&t.sessionId===n.sessionId}async function lt({existingItems:e,initialCursor:t,loadPage:n,maximumRequests:r,onDelayChange:i,onProgress:a,options:o,receivedOffset:s=0,requestOffset:c=0,signal:l}){let u=[],d=[...e],f=new Set,p=r??rt(o),m=t,h=t,g=0,_;for(;g<p;){let e=it(m);if(f.has(e))throw Error(`Vibe autofill received a repeated cursor.`);f.add(e),await tt({delayMs:et(c+g,o),onChange:i,signal:l});let t=Je(await n({cursor:m,signal:l}));g+=1;let r=J(d,t.items).slice(d.length);d.push(...r),u.push(...r),h=t.next,t.total!==void 0&&(_=t.total);let p={missing:Math.max(0,o.pageSize-s-u.length),next:h,received:s+u.length,requests:c+g};if(a(p),p.missing===0)return{...p,items:u,lastCursor:m,status:`complete`,total:_};if(h===null)return{...p,items:u,lastCursor:m,status:`exhausted`,total:_};m=h}return{items:u,lastCursor:m,missing:Math.max(0,o.pageSize-s-u.length),next:h,received:s+u.length,requests:c+g,status:`exhausted`,total:_}}var ut=100;function $(e,t){if(!Number.isFinite(t)||t<=0)throw TypeError(`Vibe ${e} must be a positive number.`)}function dt(e,t,n){return Math.min(n,Math.max(t,e))}function ft(e){if(!e)return;let t=e.minSpeedPxPerSecond??20,n=e.maxSpeedPxPerSecond??240;if($(`autoScroll.minSpeedPxPerSecond`,t),$(`autoScroll.maxSpeedPxPerSecond`,n),t>n)throw TypeError(`Vibe autoScroll.minSpeedPxPerSecond cannot exceed maxSpeedPxPerSecond.`);e.speedPxPerSecond!==void 0&&$(`autoScroll.speedPxPerSecond`,e.speedPxPerSecond)}function pt(e){let t=e?.minSpeedPxPerSecond??20,n=e?.maxSpeedPxPerSecond??240;return{enabled:e?.enabled??!1,maxSpeedPxPerSecond:n,minSpeedPxPerSecond:t,paused:!1,speedPxPerSecond:dt(e?.speedPxPerSecond??80,t,n)}}var mt=class{frame=null;lastTimestamp=null;mounted=!1;constructor(e){this.options=e}mount(){this.mounted=!0,this.schedule()}destroy(){this.mounted=!1,this.cancelFrame()}setEnabled(e,t){t!==void 0&&this.setSpeed(t),this.options.state.enabled=e,this.options.state.paused=!1,this.lastTimestamp=null,e?this.schedule():this.cancelFrame()}setPaused(e){this.options.state.enabled&&(this.options.state.paused=e,this.lastTimestamp=null,e?this.cancelFrame():this.schedule())}setSpeed(e){$(`auto-scroll speed`,e);let t=this.options.state;t.speedPxPerSecond=dt(e,t.minSpeedPxPerSecond,t.maxSpeedPxPerSecond)}tick=e=>{this.frame=null;let t=this.options.state;if(!this.mounted||!t.enabled)return;let n=t.paused?null:this.options.getScrollElement();if(!n){this.lastTimestamp=null,this.schedule();return}if(this.lastTimestamp!==null){let r=Math.min(ut,Math.max(0,e-this.lastTimestamp)),i=Math.max(0,n.scrollHeight-n.clientHeight);n.scrollTop=Math.min(i,n.scrollTop+t.speedPxPerSecond*r/1e3)}this.lastTimestamp=e,this.schedule()};schedule(){!this.mounted||!this.options.state.enabled||this.frame!==null||typeof requestAnimationFrame==`function`&&(this.frame=requestAnimationFrame(this.tick))}cancelFrame(){this.frame!==null&&typeof cancelAnimationFrame==`function`&&cancelAnimationFrame(this.frame),this.frame=null,this.lastTimestamp=null}};async function ht(e,t,n,r){let i=await e.onUnderfilled(n);if(!r())return;if(!i.sessionId.trim())throw TypeError(`Vibe backend autofill requires a sessionId.`);let a=Math.max(n.received,i.received??n.received);Object.assign(t.autofill,{...X(i.nextRequestAt),missing:Math.max(0,e.pageSize-a),received:a,sequence:i.sequence??0,sessionId:i.sessionId,status:`waiting`})}function gt(e,t){[`complete`,`exhausted`].includes(t.status)&&t.items&&(e.items=J(e.items,t.items)),t.next!==void 0&&(e.next=t.next),t.total!==void 0&&(e.total=t.total)}function _t(e,t,n){let r=t.autofill;return!ct(e,n,r)||n.sequence<=r.sequence||[`cancelled`,`cancelling`].includes(r.status)||[`complete`,`exhausted`].includes(n.status)&&n.next===void 0?!1:(gt(t,n),Object.assign(r,X(n.status===`waiting`?n.nextRequestAt:null)),r.error=n.error??null,r.missing=Math.max(0,(r.pageSize??0)-n.received),r.received=n.received,n.requests!==void 0&&(r.requests=n.requests),r.sequence=n.sequence,r.status=n.status,!0)}function vt(e,t,n){return e?.strategy!==`backend`||n.feedKey!==e.feedKey||n.pageSize!==e.pageSize?!1:(t.autofill=Z(e,n),gt(t,n),!0)}async function yt({cycleId:e,isCurrent:t,onLastCursor:n,options:r,signal:i,state:a}){let o=r.autofill;if(!o)return;let s=a.items.length;if(Object.assign(a.autofill,{missing:Math.max(0,o.pageSize-s),received:s,requests:1}),s>=o.pageSize){a.autofill.status=`complete`;return}if(o.strategy===`backend`){await ht(o,a,{cycleId:e,feedKey:o.feedKey,items:[...a.items],missing:o.pageSize-s,next:a.next,pageSize:o.pageSize,received:s,signal:i,total:a.total},t);return}if(!r.loadPage||a.next===null){a.autofill.status=`exhausted`;return}let c=await lt({existingItems:a.items,initialCursor:a.next,loadPage:r.loadPage,maximumRequests:rt(o,!1),onDelayChange:e=>{t()&&Object.assign(a.autofill,e)},onProgress:e=>{t()&&Object.assign(a.autofill,e,{status:`filling`})},options:o,receivedOffset:s,requestOffset:1,signal:i});t()&&(a.items=J(a.items,c.items),a.next=c.next,c.total!==void 0&&(a.total=c.total),n(c.lastCursor),Object.assign(a.autofill,{missing:c.missing,received:c.received,requests:c.requests,status:c.status}))}function bt(e){return`pages`in e?{pages:e.pages}:{until:`end`}}function xt(e){return`${typeof e}:${String(e)}`}function St(e){if(!e||typeof e!=`object`)throw TypeError(`Vibe fill target must be an object.`);if(`pages`in e){if(!Number.isInteger(e.pages)||e.pages<=0)throw TypeError(`Vibe fill pages must be a positive integer.`);return{pages:e.pages}}if(`until`in e&&e.until===`end`)return{until:`end`};throw TypeError(`Vibe fill target must be { pages } or { until: 'end' }.`)}function Ct(e){if(!e)return;if(e.strategy===`frontend`){$e(e,`frontend fill`);return}if(!e.feedKey.trim())throw TypeError(`Vibe backend fill requires a feedKey.`);let t=e.initialSession;if(t){if(t.feedKey!==e.feedKey)throw TypeError(`Vibe backend fill initialSession feedKey must match fill feedKey.`);St(t.target)}}function wt(e,t,n=!0){let r=e?.strategy===`backend`&&n?e.initialSession:void 0,i=t??r,a=X(i?.nextRequestAt);return{completedPages:i?.completedPages??0,cycleId:i?.cycleId??null,...a,enabled:!!e,error:i?.error??null,feedKey:e?.strategy===`backend`?e.feedKey:null,received:i?.received??0,sequence:i?.sequence??0,sessionId:i?.sessionId??null,status:i?.status??`idle`,strategy:e?.strategy??null,target:i?bt(i.target):null}}function Tt(e){return[`cancelling`,`filling`,`restoring`,`waiting`].includes(e.status)}async function Et({existingItems:e,initialCursor:t,loadPage:n,onDelayChange:r,onProgress:i,options:a,signal:o,target:s}){let c=[],l=[...e],u=new Set,d=0,f=t,p=t,m=0,h;for(;p!==null;){let e=xt(f);if(u.has(e))throw Error(`Vibe fill received a repeated cursor.`);u.add(e),await tt({delayMs:et(d,a),onChange:r,signal:o});let t=Je(await n({cursor:f,signal:o}));d+=1;let g=J(l,t.items).slice(l.length);if(l.push(...g),c.push(...g),m=c.length,p=t.next,t.total!==void 0&&(h=t.total),i({completedPages:d,next:p,received:m}),`pages`in s&&d>=s.pages)return{completedPages:d,items:c,lastCursor:f,next:p,received:m,status:`complete`,total:h};if(p===null)return{completedPages:d,items:c,lastCursor:f,next:p,received:m,status:`pages`in s?`exhausted`:`complete`,total:h};f=p}return{completedPages:d,items:c,lastCursor:f,next:null,received:m,status:`pages`in s?`exhausted`:`complete`,total:h}}async function Dt(e,t,n,r){let i=await e.onStart(n);if(r()){if(!i.sessionId.trim())throw TypeError(`Vibe backend fill requires a sessionId.`);Object.assign(t.fill,{...X(i.nextRequestAt),completedPages:i.completedPages??0,received:i.received??0,sequence:i.sequence??0,sessionId:i.sessionId,status:`waiting`})}}function Ot(e,t,n){return e?.strategy===`backend`&&n.feedKey===e.feedKey&&n.sessionId===t.fill.sessionId}function kt(e){return Number.isInteger(e.completedPages)&&e.completedPages>=0&&Number.isInteger(e.received)&&e.received>=0&&Number.isInteger(e.sequence)&&e.sequence>=0}function At(e,t){if(![`complete`,`exhausted`].includes(t.status))return!0;let n=e.fill.target;return!n||!Array.isArray(t.items)||t.next===void 0||t.lastCursor===void 0?!1:t.status===`exhausted`?`pages`in n&&t.completedPages<n.pages&&t.next===null:`pages`in n?t.completedPages===n.pages:t.next===null}function jt(e,t,n){t.total!==void 0&&(e.total=t.total),[`complete`,`exhausted`].includes(t.status)&&(e.items=J(e.items,t.items??[]),e.next=t.next??null,n(t.lastCursor??null))}function Mt(e,t,n,r){return!Ot(e,t,n)||!kt(n)||n.sequence<=t.fill.sequence||[`cancelled`,`cancelling`].includes(t.fill.status)||!At(t,n)?!1:(jt(t,n,r),Object.assign(t.fill,{...X(n.status===`waiting`?n.nextRequestAt:null),completedPages:n.completedPages,error:n.error??null,received:n.received,sequence:n.sequence,status:n.status}),!0)}function Nt(e,t,n,r){if(e?.strategy!==`backend`||n.feedKey!==e.feedKey)return!1;let i=t.fill;return t.fill=wt(e,n),!kt(n)||!At(t,n)?(t.fill=i,!1):(jt(t,n,r),!0)}var Pt=class{abortController=null;cycle=0;delayCountdown;requestVersion=0;constructor(e){this.options=e,this.delayCountdown=new nt(e=>{Object.assign(this.options.state.fill,e)}),this.syncBackendCountdown()}isActive(){return Tt(this.options.state.fill)}applyUpdate(e){let t=Mt(this.options.fill,this.options.state,e,this.options.onLastCursor);return t&&this.syncBackendCountdown(),t}restoreSession(e){let t=Nt(this.options.fill,this.options.state,e,this.options.onLastCursor);return t&&this.syncBackendCountdown(),t}async start(e){let t=this.options.fill;if(!t)throw Error(`Vibe fill is not configured.`);if(this.isActive())throw Error(`Vibe fill is already active.`);let n=St(e),r=`vibe-fill-${Date.now().toString(36)}-${++this.cycle}`;if(this.options.state.fill={...wt(t,void 0,!1),cycleId:r,status:`filling`,target:n},this.options.state.next===null){this.options.state.fill.status=`pages`in n?`exhausted`:`complete`;return}let i=++this.requestVersion,a=new AbortController;this.abortController=a;try{t.strategy===`frontend`?await this.startFrontend(t,n,a,i):(await Dt(t,this.options.state,{cycleId:r,feedKey:t.feedKey,items:[...this.options.state.items],next:this.options.state.next,signal:a.signal,target:n,total:this.options.state.total},()=>this.isCurrent(i)),this.syncBackendCountdown())}catch(e){if(a.signal.aborted||!this.isCurrent(i))return;throw this.options.state.fill.error=e,this.options.state.fill.status=`error`,e}finally{this.isCurrent(i)&&(this.abortController=null,this.options.state.isLoadingMore=!1)}}async cancel(){let{fill:e,state:t}=this.options;if(!Tt(t.fill)||!t.fill.cycleId)return;let n={cycleId:t.fill.cycleId,feedKey:t.fill.feedKey??``,sessionId:t.fill.sessionId};t.fill.status=`cancelling`,this.delayCountdown.clear(),this.abortController?.abort(),this.requestVersion+=1,this.abortController=null,t.isLoadingMore=!1;try{e?.strategy===`backend`&&await e.onCancel(n),t.fill.error=null,t.fill.status=`cancelled`}catch(e){throw t.fill.error=e,t.fill.status=`error`,e}}reset(){this.abortLocalRequest(),this.delayCountdown.clear(),this.options.state.fill=wt(this.options.fill,void 0,!1)}destroy(){this.abortLocalRequest(),this.delayCountdown.clear()}abortLocalRequest(){this.requestVersion+=1,this.abortController?.abort(),this.abortController=null,this.options.state.isLoadingMore=!1}isCurrent(e){return e===this.requestVersion&&![`cancelled`,`cancelling`].includes(this.options.state.fill.status)}async startFrontend(e,t,n,r){let i=this.options.loadPage;if(!i)throw Error(`Vibe frontend fill requires loadPage.`);let a=this.options.state;a.isLoadingMore=!0;let o=await Et({existingItems:a.items,initialCursor:a.next,loadPage:i,onDelayChange:e=>{this.isCurrent(r)&&Object.assign(a.fill,e)},onProgress:e=>{this.isCurrent(r)&&Object.assign(a.fill,e)},options:e,signal:n.signal,target:t});this.isCurrent(r)&&(a.items=J(a.items,o.items),a.next=o.next,o.total!==void 0&&(a.total=o.total),this.options.onLastCursor(o.lastCursor),Object.assign(a.fill,{completedPages:o.completedPages,received:o.received,status:o.status}))}syncBackendCountdown(){let e=this.options.state.fill;this.delayCountdown.sync(e.strategy===`backend`&&e.status===`waiting`?e.nextRequestAt:null)}};function Ft(e){return{cancelAutofill:()=>e.cancelAutofill(),loadMore:()=>e.loadNext(),retry:()=>e.reload(),retryEnd:()=>e.retryEnd()}}function It(e){if(!Number.isFinite(e)||e<=0)throw TypeError(`Vibe reelAutoAdvance.intervalMs must be a positive number.`)}function Lt(e){e?.intervalMs!==void 0&&It(e.intervalMs)}function Rt(e){return{enabled:e?.enabled??!1,includePostItems:e?.includePostItems??!1,intervalMs:e?.intervalMs??5e3}}function zt(e,t){if(typeof t==`boolean`){e.enabled=t;return}Lt(t),t.enabled!==void 0&&(e.enabled=t.enabled),t.includePostItems!==void 0&&(e.includePostItems=t.includePostItems),t.intervalMs!==void 0&&(e.intervalMs=t.intervalMs)}function Bt(e){return{enabled:e?.enabled??!1}}function Vt(e,t,n){if(n&&!t)throw Error(`Vibe cannot enable reelInfoSheet without a configured component.`);e.enabled=n}function Ht(e,t){let n=e.initialPage;return{activeReelPostId:null,autoScroll:pt(e.autoScroll),autofill:Z(e.autofill),error:null,fill:wt(e.fill),infiniteScroll:e.infiniteScroll??!0,isLoading:!n,isLoadingMore:!1,items:n?J([],n.items):[],layout:t===`reel`?`reel`:`masonry`,loadMoreLocked:!1,next:n?.next??null,nextPageError:null,reelAutoAdvance:Rt(e.reelAutoAdvance),reelInfoSheet:Bt(e.reelInfoSheet),reelInfoSheetOverlay:!1,reelMediaSource:`original`,reelOrigin:null,total:n?.total??null}}function Ut(e,t){let n=new Set(t);return e.flatMap((e,t)=>n.has(e.postId)?[{index:t,item:e}]:[])}function Wt(e,t){let n=new Set(t.map(({item:e})=>e.postId));return e.filter(e=>!n.has(e.postId))}function Gt(e,t){t.forEach(({index:e})=>{if(!Number.isInteger(e)||e<0)throw Error(`Vibe item restore indexes must be non-negative integers.`)});let n=[...e],r=new Set(e.map(e=>e.postId));return[...t].sort((e,t)=>e.index-t.index).forEach(({index:e,item:t})=>{r.has(t.postId)||(n.splice(Math.min(e,n.length),0,t),r.add(t.postId))}),n}var Kt=20,qt=class{generation=0;historyLimit;metadata=new WeakMap;state;history=[];itemOrder;stopItemsWatcher;constructor(t){this.options=t,this.historyLimit=t.historyLimit??Kt,this.state=t.state,this.itemOrder=this.state.items.map(({postId:e})=>e),this.stopItemsWatcher=(0,e.watch)(()=>this.state.items,e=>this.appendUnknownItems(e),{flush:`sync`})}destroy(){this.reset(),this.stopItemsWatcher()}async remove(e){let t=this.collectOrderedPlacements(e),n=this.createRemoval(t);if(t.length===0)return n;let r=t.map(({item:e})=>e.postId),i=this.options.startRemoval(r);if(i>0&&await new Promise(e=>setTimeout(e,i)),this.metadata.get(n)?.generation!==this.generation)return n;let a=this.state.items.findIndex(e=>e.postId===this.state.activeReelPostId);return this.state.items=Wt(this.state.items,t),this.options.onItemsRemoved(t,a),this.record(n),n}reset(){this.generation+=1,this.history=[],this.itemOrder=[]}restoreItems(e){let t=e;if(this.metadata.has(t)){this.restoreRemoval(t);return}let n=Gt(this.state.items,e);this.registerExternalPlacements(e),this.state.items=n}restoreRemoval(e){let t=this.metadata.get(e);if(!t)throw TypeError(`Vibe removal does not belong to this instance.`);return t.generation!==this.generation||t.restored?!1:(t.restored=!0,this.removeFromHistory(e),this.restoreOrderedPlacements(e))}undoLast(){for(;this.history.length>0;){let e=this.history.pop();if(this.restoreRemoval(e))return e}return null}appendUnknownItems(e){let t=new Set(this.itemOrder);e.forEach(({postId:e})=>{t.has(e)||(this.itemOrder.push(e),t.add(e))})}collectOrderedPlacements(e){let t=new Map(this.itemOrder.map((e,t)=>[e,t]));return Ut(this.state.items,e).map(e=>({index:t.get(e.item.postId)??e.index,item:e.item}))}createRemoval(e){let t=Object.freeze(e.map(e=>Object.freeze({...e})));return this.metadata.set(t,{generation:this.generation,restored:e.length===0}),t}record(e){this.historyLimit!==0&&(this.history.push(e),this.history.length>this.historyLimit&&this.history.shift())}registerExternalPlacements(e){let t=new Set(this.itemOrder);[...e].sort((e,t)=>e.index-t.index).forEach(({index:e,item:n})=>{t.has(n.postId)||(this.itemOrder.splice(Math.min(e,this.itemOrder.length),0,n.postId),t.add(n.postId))})}removeFromHistory(e){let t=this.history.indexOf(e);t>=0&&this.history.splice(t,1)}restoreOrderedPlacements(e){let t=new Set(this.state.items.map(({postId:e})=>e)),n=e.map(({item:e})=>e).filter(({postId:e})=>!t.has(e));if(n.length===0)return!1;let r=new Map(this.itemOrder.map((e,t)=>[e,t]));return this.state.items=[...this.state.items,...n].sort((e,t)=>(r.get(e.postId)??2**53-1)-(r.get(t.postId)??2**53-1)),!0}};function Jt(e,t){if(t){if(!Number.isFinite(t.height)||t.height<=0)throw TypeError(`Vibe ${e} height must be a positive number.`);if(t.background!==void 0&&t.background!==`default`&&t.background!==`transparent`)throw TypeError(`Vibe ${e} background must be "default" or "transparent".`)}}function Yt(e,t){if(t){if(t.background!==void 0&&t.background!==`default`&&t.background!==`transparent`)throw TypeError(`Vibe mediaCard ${e} background must be "default" or "transparent".`);for(let[n,r]of[[`paddingX`,t.paddingX],[`paddingY`,t.paddingY]])if(r!==void 0&&(!Number.isFinite(r)||r<0))throw TypeError(`Vibe mediaCard ${e} ${n} must be a non-negative number.`)}}function Xt(e){if(ft(e.autoScroll),Jt(`cardHeader`,e.cardHeader),Jt(`cardFooter`,e.cardFooter),Yt(`header`,e.mediaCard?.header),Yt(`footer`,e.mediaCard?.footer),ot(e.autofill),Ct(e.fill),Lt(e.reelAutoAdvance),e.removalHistoryLimit!==void 0&&(!Number.isInteger(e.removalHistoryLimit)||e.removalHistoryLimit<0))throw TypeError(`Vibe removalHistoryLimit must be a non-negative integer.`);if(!e.initialPage&&!e.loadPage)throw TypeError(`Vibe requires either initialPage or loadPage.`);if(e.initialPage?.next!==null&&!e.loadPage)throw TypeError(`Vibe requires loadPage when initialPage has a next cursor.`);if(e.fill?.strategy===`frontend`&&!e.loadPage)throw TypeError(`Vibe frontend fill requires loadPage.`);if(e.fill?.strategy===`backend`&&e.fill.initialSession&&!e.initialPage)throw TypeError(`Vibe backend fill restoration requires initialPage.`)}function Zt(e){if(typeof e!=`string`)return e;if(typeof document>`u`)throw Error(`Vibe cannot resolve a selector without a document.`);let t=document.querySelector(e);if(!t)throw Error(`Vibe target not found: ${e}`);return t}var Qt=1.5;function $t(e){let t=Math.min(e.screenWidth,e.screenHeight);if(t>0&&t<600)return!0;let n=Math.min(e.viewportWidth,e.viewportHeight),r=t>=n*Qt;return!e.hasHover&&n>0&&n<600&&r}function en(e){return $t(e)?`reel`:`masonry`}function tn(e){let t=e.ownerDocument.defaultView,n=e.ownerDocument.documentElement;return{hasHover:typeof t?.matchMedia==`function`&&t.matchMedia(`(hover: hover)`).matches,screenHeight:t?.screen.height??0,screenWidth:t?.screen.width??0,viewportHeight:n.clientHeight,viewportWidth:n.clientWidth}}function nn(e){return $t(tn(e))}function rn(e){return en(tn(e))}var an=class{layoutMode;resizeObserver=null;target=null;constructor(e,t,n){this.state=t,this.onFeedLayout=n,this.layoutMode=e}mount(e){this.target=e,this.handleResponsiveLayout();let t=e.ownerDocument.defaultView;t?.addEventListener(`resize`,this.handleResponsiveLayout);let n=t?.ResizeObserver??globalThis.ResizeObserver;n!==void 0&&(this.resizeObserver=new n(this.handleResponsiveLayout),this.resizeObserver.observe(e))}destroy(){this.target?.ownerDocument.defaultView?.removeEventListener(`resize`,this.handleResponsiveLayout),this.resizeObserver?.disconnect(),this.resizeObserver=null,this.target=null}setLayout(e){e!==this.layoutMode&&(this.layoutMode=e,e===`responsive`?this.handleResponsiveLayout():this.applyLayout(e))}applyLayout(e){e!==this.state.layout&&(e===`masonry`&&(this.state.activeReelPostId=null,this.onFeedLayout()),this.state.reelOrigin=null,this.state.layout=e)}handleResponsiveLayout=()=>{if(!this.target)return;let e=rn(this.target);this.state.reelInfoSheetOverlay=nn(this.target),this.state.reelMediaSource=e===`reel`?`preview`:`original`,this.layoutMode===`responsive`&&this.applyLayout(e)}},on=class{routedReelPostId=null;reelRouteIsActive=!1;constructor(e,t){this.options=e,this.state=t}syncFeed(){if(!this.options||!this.reelRouteIsActive)return;this.reelRouteIsActive=!1,this.routedReelPostId=null;let e=typeof this.options.feed==`function`?this.options.feed():this.options.feed;this.options.router.replace(e)}syncReel(e){if(!this.options)return;let t=this.state.items.findIndex(t=>t.postId===e),n=this.state.items[t];if(!n||this.reelRouteIsActive&&this.routedReelPostId===e)return;let r=this.options.reel({index:t,item:n,loadedCount:this.state.items.length,origin:this.state.reelOrigin??`reel`,total:this.state.total});if(r===null)return;let i=this.reelRouteIsActive?`replace`:`push`;this.reelRouteIsActive=!0,this.routedReelPostId=e,this.options.router[i](r)}},sn=class{app=null;autoScroll;autofillDelayCountdown;autofillCycle=0;abortController=null;pendingRequest=null;requestVersion=0;responsiveLayout;routing;fillController;itemRemoval;surface=null;stopStateWatcher=null;lastLoadedCursor=null;state;constructor(t){this.options=t,Xt(t);let n=t.layout??`masonry`;this.state=(0,e.reactive)(Ht(t,n)),this.autoScroll=new mt({getScrollElement:()=>this.surface?.getAutoScrollElement()??null,state:this.state.autoScroll}),this.autofillDelayCountdown=new nt(e=>Object.assign(this.state.autofill,e)),this.syncAutofillCountdown(),this.fillController=new Pt({fill:t.fill,loadPage:t.loadPage,onLastCursor:e=>{this.lastLoadedCursor=e},state:this.state}),this.routing=new on(t.routing,this.state),this.itemRemoval=new qt({historyLimit:t.removalHistoryLimit,onItemsRemoved:(e,t)=>{this.restoreActiveItemAfterRemoval(e,t)},startRemoval:e=>this.surface?.startItemRemoval(e)??0,state:this.state}),this.responsiveLayout=new an(n,this.state,()=>{this.routing.syncFeed()}),this.startStateNotifications()}async mount(){if(this.app)throw Error(`Vibe is already mounted.`);this.startStateNotifications();let t=Zt(this.options.target);this.responsiveLayout.mount(t),this.app=(0,e.createApp)(qe,{canRetryEnd:!!this.options.loadPage,cardFooter:this.options.cardFooter,cardHeader:this.options.cardHeader,feedFooter:this.options.feedFooter,feedFooterActions:Ft(this),mediaCard:this.options.mediaCard,reelInfoSheet:this.options.reelInfoSheet,state:this.state,onActiveReelChange:e=>this.setActiveReelPost(e),onCloseReel:()=>this.closeMasonryReel(),onLoadMore:()=>{this.loadNext()},onOpenReel:e=>this.openMasonryReel(e),onReelInfoSheetChange:e=>this.setReelInfoSheet(e),onRetryEnd:()=>{this.retryEnd()}}),this.surface=this.app.mount(t),this.autoScroll.mount(),this.options.initialPage?this.options.autofill&&this.state.autofill.status===`idle`&&!this.fillController.isActive()&&await this.startInitialAutofill():await this.reload()}destroy(){this.autoScroll.destroy(),this.fillController.destroy(),this.cancelRequest(),this.itemRemoval.destroy(),this.responsiveLayout.destroy(),this.stopStateWatcher?.(),this.stopStateWatcher=null,this.app?.unmount(),this.app=null,this.surface=null}getState(){return a(this.state)}removeItems(e){return this.itemRemoval.remove(e)}restoreItems(e){this.itemRemoval.restoreItems(e)}restoreRemoval(e){return this.itemRemoval.restoreRemoval(e)}undoLastRemoval(){return this.itemRemoval.undoLast()}nextReelMediaItem(){return this.surface?.changeActiveReelMedia(1)??!1}previousReelMediaItem(){return this.surface?.changeActiveReelMedia(-1)??!1}nextReelPost(){return this.surface?.moveActiveReelPost(1)??!1}previousReelPost(){return this.surface?.moveActiveReelPost(-1)??!1}pauseAutoScroll(){this.autoScroll.setPaused(!0)}resumeAutoScroll(){this.autoScroll.setPaused(!1)}setAutoScroll(e,t){this.autoScroll.setEnabled(e,t)}setAutoScrollSpeed(e){this.autoScroll.setSpeed(e)}applyAutofillUpdate(e){let t=_t(this.options.autofill,this.state,e);return t&&this.syncAutofillCountdown(),t}async cancelAutofill(){await st(this.options.autofill,this.state,()=>this.cancelRequest())}applyFillUpdate(e){return this.fillController.applyUpdate(e)}cancelFill(){return this.fillController.cancel()}async fill(e){if(this.pendingRequest||Q(this.state.autofill))throw Error(`Vibe cannot fill while another page operation is active.`);await this.fillController.start(e)}restoreAutofillSession(e){let t=vt(this.options.autofill,this.state,e);return t&&this.syncAutofillCountdown(),t}restoreFillSession(e){return this.fillController.restoreSession(e)}async loadNext(){if(this.pendingRequest)return this.pendingRequest;if(!this.state.loadMoreLocked&&!(Q(this.state.autofill)||this.fillController.isActive())&&!(this.state.next===null||!this.options.loadPage))return this.state.isLoadingMore=!0,this.state.nextPageError=null,this.startRequest(this.state.next,!0)}async reload(){if(!this.options.loadPage)throw Error(`Vibe cannot reload without loadPage.`);return Q(this.state.autofill)&&await this.cancelAutofill(),this.fillController.isActive()&&await this.cancelFill(),this.cancelRequest(),this.state.autofill=Z(this.options.autofill,void 0,!1),this.fillController.reset(),this.itemRemoval.reset(),this.state.error=null,this.state.isLoading=!0,this.state.items=[],this.state.next=null,this.state.nextPageError=null,this.state.total=null,this.startRequest(null,!1)}async retryEnd(){if(this.pendingRequest)return this.pendingRequest;if(!this.state.loadMoreLocked&&!(Q(this.state.autofill)||this.fillController.isActive())&&!(this.state.next!==null||!this.options.loadPage))return this.state.isLoadingMore=!0,this.state.nextPageError=null,this.startRequest(this.lastLoadedCursor,!0)}setInfiniteScroll(t){this.state.infiniteScroll=t,t&&(0,e.nextTick)(()=>this.surface?.loadIfNearBottom())}setLoadMoreLocked(t){this.state.loadMoreLocked!==t&&(this.state.loadMoreLocked=t,!t&&this.state.infiniteScroll&&(0,e.nextTick)(()=>this.surface?.loadIfNearBottom()))}setReelAutoAdvance(e){zt(this.state.reelAutoAdvance,e)}setReelInfoSheet(e){Vt(this.state.reelInfoSheet,this.options.reelInfoSheet,e)}setLayout(e){this.responsiveLayout.setLayout(e)}closeMasonryReel(){this.state.reelOrigin===`masonry`&&(this.state.activeReelPostId=null,this.state.reelOrigin=null,this.routing.syncFeed())}restoreActiveItemAfterRemoval(e,t){let n=new Set(e.map(({item:e})=>e.postId));if(this.state.activeReelPostId===null||!n.has(this.state.activeReelPostId))return;if(this.state.reelOrigin===`masonry`){this.closeMasonryReel();return}let r=this.state.items[Math.min(Math.max(t,0),this.state.items.length-1)];this.state.activeReelPostId=r?.postId??null,r?this.routing.syncReel(r.postId):this.routing.syncFeed()}openMasonryReel(e){this.state.layout===`masonry`&&this.state.items.some(t=>t.postId===e)&&(this.state.activeReelPostId=e,this.state.reelOrigin=`masonry`,this.routing.syncReel(e))}setActiveReelPost(e){this.state.layout!==`reel`&&this.state.reelOrigin!==`masonry`||(this.state.activeReelPostId=e,this.routing.syncReel(e))}cancelRequest(){this.autofillDelayCountdown.clear(),this.requestVersion+=1,this.abortController?.abort(),this.abortController=null,this.pendingRequest=null,this.state.isLoading=!1,this.state.isLoadingMore=!1}async fetchPage(e,t){let n=this.options.loadPage;if(!n)return;let r=++this.requestVersion,i=new AbortController,a=this.options.autofill,o=a?this.beginAutofillCycle():null,s=!1;this.abortController=i;try{if(a?.strategy===`frontend`){let o=await lt({existingItems:t?this.state.items:[],initialCursor:e,loadPage:n,onDelayChange:e=>{r===this.requestVersion&&Object.assign(this.state.autofill,e)},onProgress:e=>{r===this.requestVersion&&Object.assign(this.state.autofill,e,{status:`filling`})},options:a,signal:i.signal});if(r!==this.requestVersion)return;this.state.items=t?J(this.state.items,o.items):[...o.items],this.lastLoadedCursor=o.lastCursor,this.state.next=o.next,o.total!==void 0&&(this.state.total=o.total),Object.assign(this.state.autofill,{missing:o.missing,received:o.received,requests:o.requests,status:o.status});return}let c=Je(await n({cursor:e,signal:i.signal}));if(r!==this.requestVersion)return;let l=t?this.state.items:[],u=J(l,c.items),d=u.length-l.length;if(this.state.items=u,this.lastLoadedCursor=e,this.state.next=c.next,c.total!==void 0&&(this.state.total=c.total),s=!0,a?.strategy===`backend`&&o){if(Object.assign(this.state.autofill,{missing:Math.max(0,a.pageSize-d),received:d,requests:1}),d>=a.pageSize){this.state.autofill.status=`complete`;return}await ht(a,this.state,{cycleId:o,feedKey:a.feedKey,items:u.slice(l.length),missing:a.pageSize-d,next:c.next,pageSize:a.pageSize,received:d,signal:i.signal,total:this.state.total},()=>r===this.requestVersion),this.syncAutofillCountdown()}}catch(e){if(i.signal.aborted||r!==this.requestVersion)return;a&&(this.state.autofill.error=e,this.state.autofill.status=`error`),s||(t?this.state.nextPageError=e:this.state.error=e)}finally{r===this.requestVersion&&(this.abortController=null,this.state.isLoading=!1,this.state.isLoadingMore=!1)}}beginAutofillCycle(){let e=this.options.autofill;if(!e)return``;this.autofillDelayCountdown.clear();let t=`vibe-autofill-${Date.now().toString(36)}-${++this.autofillCycle}`;return this.state.autofill={...Z(e,void 0,!1),cycleId:t,status:`filling`},t}syncAutofillCountdown(){let e=this.state.autofill;this.autofillDelayCountdown.sync(e.strategy===`backend`&&e.status===`waiting`?e.nextRequestAt:null)}startRequest(e,t){let n=this.fetchPage(e,t);return this.pendingRequest=n,n.finally(()=>{this.pendingRequest===n&&(this.pendingRequest=null)})}startInitialAutofill(){let e=++this.requestVersion,t=new AbortController,n=this.beginAutofillCycle();this.abortController=t,this.state.isLoadingMore=!0;let r=yt({cycleId:n,isCurrent:()=>e===this.requestVersion,onLastCursor:e=>{this.lastLoadedCursor=e},options:this.options,signal:t.signal,state:this.state}).catch(n=>{t.signal.aborted||e!==this.requestVersion||(this.state.autofill.error=n,this.state.autofill.status=`error`,this.state.nextPageError=n)}).finally(()=>{e===this.requestVersion&&(this.syncAutofillCountdown(),this.abortController=null,this.state.isLoadingMore=!1,this.pendingRequest===r&&(this.pendingRequest=null))});return this.pendingRequest=r,r}startStateNotifications(){let t=this.options.onStateChange;!t||this.stopStateWatcher||(t(this.getState()),this.stopStateWatcher=(0,e.watch)(this.state,()=>t(this.getState()),{deep:!0,flush:`post`}))}};function cn(e){return new sn(e)}exports.createVibe=cn;