https://vc.ru/assets/Stories-BxgWhMnF.js

1import{c9 as z,v as x,r as $,bf as H,bb as q,aj as Q,a$ as j,aq as T,o as G,Z as K,cv as X,d as P,a as l,b as p,S as ee,e as b,f as s,aR as Y,p as S,aO as F,cx as te,cc as se,cy as oe,cz as ae,F as U,L as E,c as M,P as Z,af as N,s as L,cd as re,bQ as ne,bk as R,cA as ie,cB as W,aQ as J,V as le,cC as ue,cD as de,a7 as ce,ac as ve,l as _e,w as O,m as fe,t as pe,bT as ye,cE as me,cF as he,cG as ke,aY as Se,av as we}from"./index-DcSVvNrM.js";const xe=z(()=>{const{[q.Stories]:u}=H(),{isAnon:y}=Q(),{trackEvent:i}=j(),a=x(()=>u.getAll()),o=$(),t=$(),e=x(()=>o.value!==void 0?a.value[o.value]:void 0),m=x(()=>e.value!==void 0&&t.value!==void 0?e.value.stories[t.value]:void 0),d=x(()=>t.value!==void 0&&t.value>0||o.value!==void 0&&o.value>0),h=x(()=>t.value!==void 0&&e.value!==void 0&&t.value<e.value.stories.length-1||o.value!==void 0&&o.value<a.value.length-1),r=$();function n(_){o.value=a.value.findIndex(f=>f.id===_),e.value!==void 0&&(t.value=e.value.stories[0]!==void 0?0:void 0,i("Stories — Open Viewer — Click"))}function g(){o.value=void 0,t.value=void 0,r.value=void 0,u.sort(),i("Stories — Close Viewer — Click")}function I(_,f=!1){if(o.value===void 0||t.value===void 0||e.value===void 0)return;r.value=_;const c=_==="prev",A=c?t.value===0:t.value===e.value.stories.length-1,w=c?o.value===0:o.value===a.value.length-1;if(f){if(w){g();return}o.value+=c?-1:1,t.value=c?e.value.stories.length-1:0,i(`Stories — ${c?"Prev":"Next"} Set Button — Click`);return}A?w?g():(o.value+=c?-1:1,t.value=c?e.value.stories.length-1:0):t.value+=c?-1:1,i(`Stories — ${c?"Prev":"Next"} Story — Click`)}return T(m,(_,f)=>{var c;_===void 0||e.value===void 0||u.hit({type:"Story",source:f===void 0?"Preview":"Story",storySetId:e.value.id,storyId:_.id,referer:(c=_.button)==null?void 0:c.url},y.value)}),{direction:r,currentSet:e,currentStoryIndex:t,hasPrev:d,hasNext:h,open:n,close:g,navigate:I}},()=>({direction:$(),currentSet:x(()=>{}),currentStoryIndex:x(()=>{}),hasPrev:x(()=>!1),hasNext:x(()=>!1),open:()=>{},close:()=>{},navigate:()=>{}})),ge=z(()=>{const{[q.Stories]:u}=H(),{isAnon:y,onUserUpdate:i,offUserUpdate:a}=Q(),o=x(()=>u.getAll());function t(m,d){u.hit({type:"StoryPreview",ids:m,source:d},y.value)}function e(){u.load(y.value)}return G(async()=>{await u.load(y.value),i(e)}),K(()=>{a(e)}),{cards:o,hitCards:t}},()=>({cards:x(()=>[]),hitCards:()=>{}}));function Ce(u,{duration:y,onProgress:i}){let a=performance.now(),o,t=0,e,m=!1,d=!1;function h(){m=!0,cancelAnimationFrame(e)}function r(){d||(d=!0,o=performance.now(),cancelAnimationFrame(e))}function n(){d&&(d=!1,o!==void 0&&(t+=o-a),a=performance.now(),g(a))}function g(I){if(m||d)return;const _=t+(I-a);i==null||i(+(_/y*100).toFixed(2)),_<y?e=requestAnimationFrame(g):u()}return g(a),X(h),{stop:h,pause:r,resume:n}}const $e=["innerHTML"],be=P({__name:"Card",props:{data:{}},setup(u){const y=u,i=x(()=>{var a;return((a=y.data.cover)==null?void 0:a.data)??y.data.stories[0].media.data});return(a,o)=>(l(),p("div",{class:ee(["stories-card",u.data.isViewed&&"stories-card--viewed"])},[b(s(Y),{data:i.value,size:[92,114],rounded:!0,class:"stories-card__cover"},null,8,["data"]),S("div",{class:"stories-card__title",innerHTML:u.data.title},null,8,$e)],2))}}),Ie={key:0,class:"stories-cards__nav stories-cards__nav--prev"},Ae={key:1,class:"stories-cards__nav stories-cards__nav--next"},Ve=P({__name:"Cards",props:{items:{}},emits:["open","hit"],setup(u,{emit:y}){const i=y,{isWiderThanContent:a}=F(),{trackEvent:o}=j(),t=$(),e=$(),m=$(),d=te(t),h=ne(()=>{var k,v;c.value=(((k=e.value)==null?void 0:k.scrollWidth)??0)>(((v=e.value)==null?void 0:v.clientWidth)??0)});se(m,()=>{h()});const{x:r,arrivedState:n,isScrolling:g}=oe(e,{behavior:"smooth"}),I=$([]);let _;function f(){_==null||_.stop(),_=re(I,(k,v)=>{const C=[];k.forEach(D=>{if(D.isIntersecting){v.unobserve(D.target);const B=parseInt(D.target.dataset.id??"0");B>0&&C.push(B)}}),C.length>0&&i("hit",C)},{threshold:.5})}const c=$(!1),A=x(()=>!n.left&&a.value),w=x(()=>a.value&&!n.right&&c.value);function V(k){var v;g.value||(r.value+=k*(((v=e.value)==null?void 0:v.clientWidth)??0))}return T(d.isVisible,k=>

1{k&&(o("Stories — Cards — Show"),d.stop())}),ae((k,v)=>{k.path!==v.path&&(d.start(),f())}),G(()=>{f()}),(k,v)=>(l(),p("div",{ref_key:"root",ref:t,class:"stories-cards"},[S("div",{ref_key:"container",ref:e,class:"stories-cards__container"},[S("div",{ref_key:"list",ref:m,class:"stories-cards__list"},[(l(!0),p(U,null,E(u.items,C=>(l(),M(be,{ref_for:!0,ref_key:"itemRefs",ref:I,key:C.id,data:C,"data-id":C.id,onClick:Z(D=>i("open",C.id),["stop","prevent"])},null,8,["data","data-id","onClick"]))),128))],512)],512),A.value?(l(),p("div",Ie,[S("div",{class:"stories-cards__button",onClick:v[0]||(v[0]=C=>V(-1))},[b(s(N),{name:"chevron_left"})])])):L("",!0),w.value?(l(),p("div",Ae,[S("div",{class:"stories-cards__button",onClick:v[1]||(v[1]=C=>V(1))},[b(s(N),{name:"chevron_right"})])])):L("",!0)],512))}}),Le={class:"stories-skeleton"},Me=P({__name:"Skeleton",setup(u){return(y,i)=>(l(),p("div",Le,[(l(),p(U,null,E(6,a=>S("div",{key:a,class:"stories-skeleton-card"},[b(s(R),{width:"100%"}),b(s(R),{width:"60%"})])),64))]))}}),Ne={class:"story-media"},Pe=["poster","muted"],De=["src"],Te=P({__name:"StoryMedia",props:{data:{}},emits:["progress","ended"],setup(u,{expose:y,emit:i}){const a=u,o=i,{isWiderThanContent:t}=F(),e=$(),m=x(()=>a.data.type==="gif"),d=$(!1),h=$(m.value),r=ie("stories-is-muted",!0);let n;function g(){n=Ce(()=>{o("ended")},{duration:5e3,onProgress:w=>{o("progress",w)}})}W(e,"timeupdate",()=>{if(e.value===void 0)return;const{currentTime:w,duration:V}=e.value;o("progress",V>0&&Number.isFinite(V)?Math.ceil(w/V*100):0)}),W(e,"ended",()=>{o("ended")});function I(){var w;(w=e.value)==null||w.pause(),n==null||n.pause()}function _(){var w;(w=e.value)==null||w.play(),n==null||n.resume()}function f(){d.value?_():I(),d.value=!d.value}function c(){e.value!==void 0&&(h.value=de(e.value))}function A(){r.value=!r.value}return T(()=>a.data,()=>{n==null||n.stop(),n=void 0,d.value=!1,h.value=m.value}),K(()=>{n==null||n.stop()}),y({isPaused:d,hasAudio:h,isMuted:r,playPause:f,toggleMute:A}),(w,V)=>(l(),p("div",Ne,[m.value?(l(),p("div",{key:0,style:J({"--bg":`#${u.data.color}`}),class:"story-media__video"},[(l(),p("video",{ref_key:"video",ref:e,key:u.data.uuid,poster:s(le)({uuid:u.data.uuid,width:480}),preload:"auto",controls:!1,autoplay:!0,playsinline:!0,muted:s(r),loop:!1,onLoadeddata:c},[S("source",{src:s(ue)(u.data.uuid),type:"video/mp4"},null,8,De)],40,Pe))],4)):(l(),M(s(Y),{key:u.data.uuid,data:u.data,size:[480,800],cropped:!0,rounded:s(t),onLoaded:g},null,8,["data","rounded"]))]))}}),Be={class:"story"},Fe={class:"story__header"},Ue={class:"story__progress"},Ee={class:"story__controls"},Oe={class:"story__nav"},Re={key:0,class:"story__content"},We=["innerHTML"],ze=["href"],He=P({__name:"Story",props:{data:{},currentStoryIndex:{}},setup(u,{emit:y}){const i=u,a=y,{isWiderThanContent:o}=F(),t=$(),e=x(()=>i.data.stories[i.currentStoryIndex]),m=$(0),d=x(()=>i.data.stories.map((h,r)=>r<i.currentStoryIndex?{"--progress":"100%","--duration":"0ms"}:r===i.currentStoryIndex?{"--progress":`${m.value}%`,"--duration":m.value===0?"0ms":"250ms"}:{"--progress":0,"--duration":"0ms"}));return T([()=>i.data,()=>i.currentStoryIndex],()=>{m.value=0}),(h,r)=>{var g,I,_;const n=ce("gtm");return l(),p("div",Be,[S("div",Fe,[S("div",Ue,[(l(!0),p(U,null,E(d.value,(f,c)=>(l(),p("div",{key:c,style:J(f)},null,4))),128))]),S("div",Ee,[S("div",{class:"story__control-button",onClick:r[0]||(r[0]=f=>{var c;return(c=t.value)==null?void 0:c.playPause()})},[b(s(N),{name:(g=t.value)!=null&&g.isPaused?"play":"pause",width:20,height:20},null,8,["name"])]),(I=t.value)!=null&&I.hasAudio?(l(),p("div",{key:0,class:"story__control-button",onClick:r[1]||(r[1]=(...f)=>{var c,A;return((c=t.value)==null?void 0:c.toggleMute)&&((A=t.value)==null?void 0:A.toggleMute(...f))})},[b(s(N),{name:(_=t.value)!=null&&_.isMuted?"mute":"audio",width:20,height:20},null,8,["name"])])):L("",!0),s(o)?L("",!0):(l(),p("div",{key:1,class:"story__control-button story__control-button--close",onClick:r[2]||(r[2]=f=>a("close"))},[S("div",null,[b(s(N),{name:"cross",width:16,height:16})])]))])]),b(Te,{ref_key:"storyMedia",ref:t,data:e.value.media.data,class:"story__media",onProgress:r[3]||(r[3]=f=>m.value=f),onEnded:r[4]||(r[4]=f=>a("next"))}

1,null,8,["data"]),S("div",Oe,[S("div",{onClick:r[5]||(r[5]=f=>a("prev"))}),S("div",{onClick:r[6]||(r[6]=f=>a("next"))})]),e.value.text||e.value.button?(l(),p("div",Re,[e.value.text?(l(),p("div",{key:0,class:"story__text",innerHTML:e.value.text},null,8,We)):L("",!0),e.value.button?(l(),p("a",{key:1,href:e.value.button.url,target:"_blank"},[ve((l(),M(s(_e),{class:"story__text",rounded:""},{default:O(()=>[fe(pe(e.value.button.text),1)]),_:1})),[[n,"Stories — Story Button — Click"]])],8,ze)):L("",!0)])):L("",!0)])}}}),qe={class:"stories-viewer__container"},Qe=["data-dir"],je=P({__name:"Viewer",emits:["close"],setup(u,{expose:y,emit:i}){const a=i,{direction:o,currentSet:t,currentStoryIndex:e,hasPrev:m,hasNext:d,open:h,close:r,navigate:n}=xe(),{arrowleft:g,arrowright:I,arrowdown:_,arrowup:f,escape:c}=ye({passive:!1,onEventFired:k=>{k.preventDefault()}}),{isWiderThanContent:A}=F(),w=me();function V(){r(),a("close")}return T([g,I,_,f,c],([k,v,C,D,B])=>{k&&n("prev"),v&&n("next"),C&&n("prev",!0),D&&n("next",!0),B&&V()}),T(t,k=>{w.value=k!==void 0}),y({open:h}),(k,v)=>(l(),M(ke,{to:"body"},[s(t)!==void 0&&s(e)!==void 0?(l(),p("div",{key:0,class:"stories-viewer",onClick:Z(V,["self"])},[s(A)?(l(),p("div",{key:0,class:"stories-viewer__close",onClick:V},[b(s(N),{name:"cross",width:24,height:24})])):L("",!0),S("div",qe,[s(A)&&s(m)?(l(),p("div",{key:0,class:"stories-viewer__nav stories-viewer__nav--prev",onClick:v[0]||(v[0]=C=>s(n)("prev"))},[b(s(N),{name:"chevron_left",width:48,height:48})])):L("",!0),s(A)&&s(d)?(l(),p("div",{key:1,class:"stories-viewer__nav stories-viewer__nav--next",onClick:v[1]||(v[1]=C=>s(n)("next"))},[b(s(N),{name:"chevron_right",width:48,height:48})])):L("",!0),S("div",{class:"stories-viewer__sets","data-dir":s(o)},[b(he,{"enter-active-class":"stories-viewer__set--enter-active","enter-from-class":"stories-viewer__set--enter-from","leave-active-class":"stories-viewer__set--leave-active","leave-to-class":"stories-viewer__set--leave-to"},{default:O(()=>[(l(),M(He,{key:s(t).id,data:s(t),"current-story-index":s(e),class:"stories-viewer__set",onPrev:v[2]||(v[2]=C=>s(n)("prev")),onNext:v[3]||(v[3]=C=>s(n)("next")),onClose:V},null,8,["data","current-story-index"]))]),_:1})],8,Qe)])])):L("",!0)]))}}),Ge={class:"stories"},Ye=P({__name:"Stories",props:{source:{}},setup(u){const y=u,{cards:i,hitCards:a}=ge(),o=$(),t=$(!1);function e(d){a(d,y.source)}async function m(d){var h;t.value=!0,await we(),(h=o.value)==null||h.open(d)}return(d,h)=>(l(),p(U,null,[S("div",Ge,[s(i).length===0?(l(),M(Me,{key:0})):(l(),M(Ve,{key:1,items:s(i),onHit:e,onOpen:m},null,8,["items"]))]),b(s(Se),null,{default:O(()=>[t.value?(l(),M(je,{key:0,ref_key:"viewer",ref:o,onClose:h[0]||(h[0]=r=>t.value=!1)},null,512)):L("",!0)]),_:1})],64))}});export{Ye as default};