https://assets.tt.com/frontend/tt-com-www-ng/v3/libs_angular_tt-co…ideo-v2-module_index_ts.f7b7f685829609e4.js

1"use strict";(self.webpackChunktt_com_www_ng=self.webpackChunktt_com_www_ng||[]).push([["libs_angular_tt-com-www_overview_feature_src_lib_overview_video-v2-module_index_ts"],{23599(A,m,s){s.r(m),s.d(m,{VideoV2LazyComponent:()=>H,VideoV2Module:()=>p});var c=s(49769),h=s(97206),t=s(35547),l=s(85802);let p=(()=>{class e{static{this.\u0275fac=function(o){return new(o||e)}}static{this.\u0275mod=t.$C({type:e})}static{this.\u0275inj=l.G2t({imports:[c.MD,h.Lw]})}}return e})();var C=s(28277),g=s(983),u=s(21413),_=s(59030),M=s(57786),f=s(53993),O=s(25558),P=s(22816),v=s(99172),V=s(97647),x=s(96354),w=s(99437),y=s(91413),b=s(17705),G=s(6806),$=s(56170),T=s(35965);const F=(e,r)=>({active:e,loading:r});function j(e,r){if(1&e&&(t.nrm(0,"iframe",3),t.nI1(1,"sanitizeUrl"),t.nI1(2,"decodeHtmlString")),2&e){const n=t.XpG();t.Y8G("src",t.bMT(1,2,n.selectedVideo.embedUrl+"?autoplay=1&autoplaymode=default"),t.f$h),t.BMQ("title",t.bMT(2,4,n.selectedVideo.title)||"Eingebettetes Video")}}function k(e,r){if(1&e){const n=t.RV6();t.j41(0,"button",10),t.bIt("click",function(){l.eBV(n);const i=t.XpG();return l.Njj(i.toggleThumb())}),t.nrm(1,"img",11),t.nI1(2,"decodeHtmlString"),t.j41(3,"div",12),t.nrm(4,"i",13),t.k0s()()}if(2&e){const n=t.XpG();t.R7$(),t.Y8G("src",n.selectedVideo.thumbnail,t.B4B)("alt",t.bMT(2,2,n.selectedVideo.title))}}function I(e,r){if(1&e&&t.nrm(0,"span",8),2&e){const n=t.XpG();t.Y8G("innerHTML"," | "+n.selectedVideo.channel,t.npT)}}function z(e,r){if(1&e&&(t.j41(0,"div",19),t.nrm(1,"img",20),t.nI1(2,"decodeHtmlString"),t.k0s(),t.nrm(3,"div",21)),2&e){const n=t.XpG().$implicit;t.R7$(),t.Y8G("src",n.thumbnail,t.B4B)("alt",t.bMT(2,3,n.title)),t.R7$(2),t.Y8G("innerHTML",n.title,t.npT)}}function R(e,r){if(1&e){const n=t.RV6();t.j41(0,"a",18),t.bIt("click",function(){const i=l.eBV(n).$index,a=t.XpG().$index,d=t.XpG(2);return l.Njj(d.selectVideo(a,i))})("keydown",function(){const i=l.eBV(n).$index,a=t.XpG().$index,d=t.XpG(2);return l.Njj(d.selectVideo(a,i))}),t.nVh(1,z,4,5),t.k0s()}if(2&e){const n=r.$implicit,o=t.XpG(3);t.Y8G("ngClass",t.l_i(2,F,n===o.selectedVideo,!n)),t.R7$(),t.vxM(n?1:-1)}}function X(e,r){if(1&e&&(t.j41(0,"nmo-content-slider-item",15)(1,"div",16),t.Z7z(2,R,2,5,"a",17,t.Vm6),t.k0s()()),2&e){const n=r.$implicit;t.Y8G("position",r.$index),t.R7$(2),t.Dyx(n)}}function E(e,r){if(1&e){const n=t.RV6();t.j41(0,"nmo-content-slider",14),t.bIt("indexChanged",function(i){l.eBV(n);const a=t.XpG();return l.Njj(a.slideChanged(i))}),t.Z7z(1,X,4,1,"nmo-content-slider-item",15,t.Vm6),t.k0s()}if(2&e){const n=t.XpG();t.Y8G("hasArrowNav",!0)("hasPointNav",!1)("autoslideOn",!1)("selectedIndex",n.currentSlideIndex)("slides",n.groups),t.R7$(),t.Dyx(n.groups)}}let N=(()=>{class e{constructor(n){this.changeDetection=n,this.groupChange=new l.bkB,this.iframeVisible=!1,this.currentSlideIndex=0}ngOnInit(){this.selectedVideo=this.defaultVideo}selectVideo(n,o){this.selectedVideo=this.groups[n][o]}toggleThumb(){this.iframeVisible=!0,this.changeDetection.detectChanges()}slideChanged(n){this.currentSlideIndex=n,this.groupChange.emit(n)}static{this.\u0275fac=function(o){return new(o||e)(t.rXU(b.gRc))}}static{this.\u0275cmp=t.VBU({type:e,selectors:[["nmo-video-container-v2"]],inputs:{groups:"groups",defaultVideo:"defaultVideo"},outputs:{groupChange:"groupChange"},standalone:!1,decls:18,vars:10,consts:[[1,"title-wrap"],["href","https://video.tt.com/","target","_blank"],[1,"frame-wrap"],["width","100%","height","400","allowFullscreen","",3,"src"],[1,"thumb-overlay"],[1,"text-wrap-default"],[1,"title"],[1,"grey"],[3,"innerHTML"],[3,"hasArrowNav","hasPointNav","autoslideOn","selectedIndex","slides"],[1,"thumb-overlay",3,"click"],[1,"thumb",3,"src","alt"],[1,"icon-overlay"],[1,"icon","tt-icon-play-2"],[3,"indexChanged","hasArrowNav","hasPointNav","autoslideOn","selectedIndex","slides"],[3,"position"],[1,"slide"],["tabindex","0",1,"inslide-item",3,"ngClass"],["tabindex","0",1,"inslide-item",3,"click","keydown","ngClass"],[1,"image-wrap"],[3,"src","alt"],[1,"text-wrap",3,"innerHTML"]],template:function(o,i){1&o&&(t.j41(0,"div",0)(1,"span"),t.EFF(2,"Videos von "),t.j41(3,"a",1),t.EFF(4,"video.tt.com"),t.k0s()()(),t.j41(5,"div",2),t.nVh(6,j,3,6,"iframe",3)(7,k,5,4,"button",4),t.k0s(),t.j41(8,"div",5)(9,"div",6),t.EFF(10),t.nI1(11,"decodeHtmlString"),t.k0s(),t.j41(12,"div",7),t.EFF(13),t.nI1(14,"date"),t.nVh(15,I,1,1,"span",8),t.nrm(16,"span"),t.k0s()(),t.nVh(17,E,3,5,"nmo-content-slider",9)),2&o&&(t.R

17$(6),t.vxM(i.iframeVisible?6:7),t.R7$(4),t.SpI(" ",t.bMT(11,5,i.selectedVideo.title)," "),t.R7$(3),t.SpI(" ",t.i5U(14,7,i.selectedVideo.unixTimestamp,"short")," "),t.R7$(2),t.vxM(i.selectedVideo.channel?15:-1),t.R7$(2),t.vxM(i.groups.length>0?17:-1))},dependencies:()=>[c.YU,G.A,$.Z,c.vh,T.R,S],styles:["[_nghost-%COMP%]{display:block;border-radius:3px;color:#333;font-family:Merriweather,Merriweather-Fallback,serif}[_nghost-%COMP%]   .title-wrap[_ngcontent-%COMP%]{margin:1rem 0}[_nghost-%COMP%]   .title-wrap[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{font-size:1.5rem;font-weight:400;color:#333}@media(min-width:768px){[_nghost-%COMP%]   .title-wrap[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{font-size:22px}}[_nghost-%COMP%]   .title-wrap[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:#008253}[_nghost-%COMP%]   .text-wrap-default[_ngcontent-%COMP%]{width:100%;margin-bottom:1rem}[_nghost-%COMP%]   .text-wrap-default[_ngcontent-%COMP%]   .grey[_ngcontent-%COMP%]{color:#aaa;border-bottom:1px solid #aaa;padding-bottom:.5rem}[_nghost-%COMP%]   .text-wrap-default[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{margin:.5rem 0 0;max-width:100%;font-size:1.2rem;line-height:1.7rem}@media(min-width:768px){[_nghost-%COMP%]   .text-wrap-default[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{display:block;font-size:1.5rem;line-height:2.4rem}}[_nghost-%COMP%]   .frame-wrap[_ngcontent-%COMP%]{position:relative;padding-bottom:48.6%;padding-top:25px;height:0}[_nghost-%COMP%]   .frame-wrap[_ngcontent-%COMP%]   .thumb-overlay[_ngcontent-%COMP%]{border:none;width:100%;display:block;position:absolute;top:0;bottom:0;overflow:hidden}[_nghost-%COMP%]   .frame-wrap[_ngcontent-%COMP%]   .thumb-overlay[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%]   .frame-wrap[_ngcontent-%COMP%]   .thumb-overlay[_ngcontent-%COMP%]   .icon-overlay[_ngcontent-%COMP%]{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;transition:color .5s ease;color:#008253}[_nghost-%COMP%]   .frame-wrap[_ngcontent-%COMP%]   .thumb-overlay[_ngcontent-%COMP%]   .icon-overlay[_ngcontent-%COMP%]:hover{color:#aaa;cursor:pointer}[_nghost-%COMP%]   .frame-wrap[_ngcontent-%COMP%]   .thumb-overlay[_ngcontent-%COMP%]   .icon-overlay[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:6rem}@media(min-width:768px){[_nghost-%COMP%]   .frame-wrap[_ngcontent-%COMP%]   .thumb-overlay[_ngcontent-%COMP%]   .icon-overlay[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:9rem}}[_nghost-%COMP%]   .frame-wrap[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;border:none}[_nghost-%COMP%]   .slide[_ngcontent-%COMP%]{min-height:275px}@media(min-width:1024px){[_nghost-%COMP%]   .slide[_ngcontent-%COMP%]{display:flex;min-height:240px}}[_nghost-%COMP%]   .slide[_ngcontent-%COMP%]   .inslide-item[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;color:#333;cursor:pointer;margin-bottom:10px;font-size:14px;background:#fff}@media(min-width:1024px){[_nghost-%COMP%]   .slide[_ngcontent-%COMP%]   .inslide-item[_ngcontent-%COMP%]{display:block;width:33.3%}[_nghost-%COMP%]   .slide[_ngcontent-%COMP%]   .inslide-item[_ngcontent-%COMP%]:nth-child(2){margin:0 1rem}}[_nghost-%COMP%]   .slide[_ngcontent-%COMP%]   .inslide-item[_ngcontent-%COMP%]:hover{text-decoration:none}[_nghost-%COMP%]   .slide[_ngcontent-%COMP%]   .inslide-item[_ngcontent-%COMP%]:last-child{padding-bottom:0;margin-bottom:0}[_nghost-%COMP%]   .slide[_ngcontent-%COMP%]   .inslide-item.loading[_ngcontent-%COMP%]{background-color:#eee}[_nghost-%COMP%]   .slide[_ngcontent-%COMP%]   .inslide-item[_ngcontent-%COMP%]   .image-wrap[_ngcontent-%COMP%]{width:150px;height:85px;background:#eee;margin-right:.5rem;flex-basis:150px;flex-grow:0;flex-shrink:0}@media(min-width:1024px){[_nghost-%COMP%]   .slide[_ngcontent-%COMP%]   .inslide-item[_ngcontent-%COMP%]   .image-wrap[_ngcontent-%COMP%]{display:block;width:100%;height:auto}}[_nghost-%COMP%]   .slide[_ngcontent-%COMP%]   .inslide-item[_ngcontent-%COMP%]   .image-wrap[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   .slide[_ngcontent-%COMP%]   .inslide-item[_ngcontent-%COMP%]   .text-wrap[_ngcontent-%COMP%]{max-height:85px;overflow:hidden}@media(min-width:1024px){[_nghost-%COMP%]   .slide[_ngcontent-%COMP%]   .inslide-item[_ngcontent-%COMP%]   .text-wrap[_ngcontent-%COMP%]{margin-top:.5rem}}"]})}}return e})(),S=(()=>{class e{transform(n){const o=document.createElement("div");return o.innerHTML=n,o.innerText}static{this.\u0275fac=function(o){return new(o||e)}}static{this.\u0275pipe=t.EJ8({name:"decodeHtmlString",type:e,pure:!0,standalone:!1})}}return e})();function B(e,r){if(1&e){const n=t.RV6();t.j41(0,"nmo-video-container-v2",1),t.bIt("groupChange",function(i){l.eBV(n);const a=t.XpG();return l.Njj(a.groupChange(i))}),t.k0s()}if(2&e){const n=t.XpG();t.Y8G("groups",r)("defaultVideo",n.data.default)}}let H=(()=>{class e{constructor(n,o){this.httpClient=n,this.sharedApiEndpoint=o,this.videoGroups$=g.w,this.groupChange$=new u.B}ngOnInit(){const n=this.emptyGroups(this.data.nrOfVideos),o=this.safeFetchGroup(0),i=(0,_.v)(()=>this.groupChange$.pipe((0,f.E)(this.videoGroups$),(0,O.n)(([a,d])=>d[a].some(L=>null===L)?this.safeFetchGroup(a):g.w)));this.videoGroups$=(0,M.h)(o,i).pipe((0,P.S)((a,d)=>(a[d.groupIndex]=d.videos,a),n),(0,v.Z)(n),(0,V.u)())}ngOnDestroy(){this.groupChange$.complete()}groupChange(n){this.groupChange$.next(n)}safeFetchGroup(n){return this.httpClient.get(`${this.sharedApiEndpoint}/videos/overview`,{params:{take:"3",from:(3*n).toString()}}).pipe((0,x.T)(i=>({groupIndex:n,videos:i})),(0,w.W)(i=>(console.error("Error when fetching video group. Original err: ",i),g.w)))}emptyGroups(n){const o=Math.ceil(n/3),i=Array(o).fill(null).map(()=>

1[null,null,null]);return i[o-1]=Array(n%3||3).fill(null),i}static{this.\u0275fac=function(o){return new(o||e)(t.rXU(y.Qq),t.rXU(C.TT_SHARED_API_ENDPOINT))}}static{this.\u0275cmp=t.VBU({type:e,selectors:[["candyland-video-v2-lazy"]],inputs:{data:"data"},standalone:!1,decls:2,vars:3,consts:[[3,"groups","defaultVideo"],[3,"groupChange","groups","defaultVideo"]],template:function(o,i){if(1&o&&(t.nVh(0,B,1,2,"nmo-video-container-v2",0),t.nI1(1,"async")),2&o){let a;t.vxM((a=t.bMT(1,1,i.videoGroups$))?0:-1,a)}},dependencies:[N,c.Jj],encapsulation:2,changeDetection:0})}}return e})()}}]);