1import{_ as L,c as M}from"./j6Tl2RN3.js";import{P as A,c as B,a as H,g as R}from"./CxnNVzFb.js";import{d as b,aq as I,a2 as O,M as F,au as N,o as r,c,x as _,l as h,R as V,C as f,e as z,L as $,a as k,m as C,i as o,z as D,S as T,F as U,r as W,j as q,A as j,B as Q}from"./CZ7uo5US.js";import{_ as G}from"./CMdgbqu9.js";const J={key:0},K=b({__name:"FoundationPlayerPlaylistShorts.client",props:{loadRequests:{},videoIndex:{type:Number,default:0},noSmartClip:{type:Boolean,default:!1}},emits:["playlist-instance","dialog-closed"],setup(s,{emit:d}){const y=s,u=d,p=V(),i=I("shortsDialog");let m=f(null);O(i,async()=>{i.value&&await S()},{once:!0}),F(()=>{m&&m.value.destroy&&m.value.destroy()});const w=()=>{u("dialog-closed",!0);const a=document.querySelector("body");a.style.overflow="auto"},S=async()=>{try{i.value.showModal();const a=document.querySelector("body");a.style.overflow="hidden";const l=await x(y.loadRequests,y.videoIndex),e=new A([...N(l.requests??[])],{startIndex:l.startIndex}),t={mountPoint:i.value,loadRequest:e.getCurrentLoadRequest(),shortsUi:{enabled:!0,playlist:e},initialLoadingSpinnerOptions:{enabled:!1}};m.value=await B(t),u("playlist-instance",e)}catch(a){console.error("Error: ",a)}},x=async(a,l)=>{let e=0,t=l,v=0;const g=[];if(y.noSmartClip||!p||!p.public?.moltenBundleActive||!p.public?.player?.smartclip?.enabled)return{requests:a,startIndex:l};for(const n of a){if(e!==0&&e%3===0){v++;const P=H({adCall:await R().getSmartClipSlotShortsCall()},{autoplay:!0});g.push(P)}e===l&&(t=l+v),e++,g.push(n)}return{requests:g,startIndex:t}};return(a,l)=>s.loadRequests?(r(),c("div",J,[_("dialog",{onClose:w,ref_key:"shortsDialog",ref:i,"aria-label":"Shorts Player"},null,544)])):h("",!0)}}),X=M(K),Y={key:0,class:"container-fluid mbs shorts-player-container"},Z={class:"container position-relative"},E={class:"d-flex flex-row shorts-player-container__head"},ee={key:0,class:"teaser-row__title flex-grow-1 flex-md-grow-0"},ae=["onClick"],te=["src","alt"],oe=["alt"],se={key:0,class:"teaser-grid__headline"},le={key:1,class:"teaser-grid__meta"},ue=b({__name:"ShortsPlaylistVmsModule",props:{componentData:{}},setup(s){const d=s,y=z();let u=f([]),p=f(!1),i=f(0),m=f(!1);const w={mediaQuery:"min",speed:200,easing:"linear",flickPower:1,flickMaxPages:1,perPage:3,breakpoints:{0:{padding:"1.5rem",gap:"0.75rem"},768:{padding:"3rem",gap:"1.5rem",perPage:6},1280:{padding:"6rem",gap:"2rem",perPage:6},1792:{padding:"calc((100% - 1600px)/2)",gap:"3rem",perPage:6}}};$(async()=>{d.componentData?.vms_playlist_data&&d.componentData?.vms_playlist_data.length>0&&await S()});const S=async()=>{console.log("Creating load requests for shorts playlist");try{if(d.componentData?.vms_playlist_data&&d.componentData?.vms_playlist_data.length>0)for(const e of d.componentData.vms_playlist_data){e.noAds&&(m.value=!0);const t=await R().getLoadRequestConfig(e,null,{autoplay:!0},!0);u.value.push(t)}}catch(e){console.error("Error: ",e)}},x=async e=>{i.value=e,p.value=!0},a=()=>{p.value=!1},l=e=>{if(!e)return null;const t=parseInt(e,10)/1e3;return Math.round(t)};return(e,t)=>{const v=X,g=L;return s.componentData&&s.componentData.vms_playlist_data&&s.componentData.vms_playlist_data.length>0?(r(),c("section",Y,[k(o(Q),{class:"shorts-player-container__slider",options:w,"has-track":!1,"aria-label":"Shorts Player"},{default:C(()=>[_("div",Z,[_("div",E,[s.componentData.headline?(r(),c("div",ee,D(s.componentData.headline),1)):h("",!0),t[0]||(t[0]=_("div",{class:"teaser-row__navi splide__arrows d-none d-md-block flex-grow-1"},[_("button",{class:"splide__arrow splide__arrow--prev icon-Chevron-Left","aria-label":"Shortsplaylist links"}),_("button",{class:"splide__arrow splide__arrow--next icon-Chevron-Right","aria-label":"Shortsplaylist rechts"})],-1))])]),k(o(T),{class:"teaser-grid"},{default:C(()=>[(r(!0),c(U,null,W(s.componentData.vms_playlist_data,(n,P)=>(r(),q(o(j),null,{default:C(()=>[_("div",{onClick:ne=>x(P),class:"shorts-player-container__image","aria-haspopup":"dialog"},[n.vmsPoster9x16?(r(),c("img",{key:0,src:n.vmsPoster9x16,alt:n.vmsHeadline1,width:"1280",height:"720",loading:"lazy"},null,8,te)):(r(),c("img",{key:1,src:G,alt:n.vmsHeadline1,width:"720",height:"405",class:"img-fluid",loading:"lazy"},null,8,oe))],8,ae),o(y).shortsPlayer.showHeadline&&n.vmsHeadline1?(r(),c("div",se,D(n.vmsHeadline1),1)):h("",!0),o(y).shortsPlayer.showDuration&&n.durationMilliseconds?(r(),c("div",le,D(l(n.durationMilliseconds))+" Sek. ",1)):h("",!0)]),_:2},1024))),256))]),_:1})]),_:1}),k(g,null,{default:C(()=>[o(p)&&o(u)&&o(u).length>0?(r(),q(v,{key:0,loadRequests:o(u),"video-index":o(i),"no-smart-clip":o(m),onDialogClosed:a}
1,null,8,["loadRequests","video-index","no-smart-clip"])):h("",!0)]),_:1})])):h("",!0)}}});export{ue as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.