1import{a as _t}from"./chunk-AZANGYBL.js";import{a as ut}from"./chunk-XJB6JXEP.js";import{a as dt}from"./chunk-D2YVKR62.js";import{a as pt}from"./chunk-X42WS3QT.js";import{b as M}from"./chunk-WPRYDMBG.js";import{a as lt}from"./chunk-BJOBXDQK.js";import"./chunk-FLZ7R3ZQ.js";import"./chunk-S4AWNSO7.js";import{a as at}from"./chunk-GZAELS7D.js";import{a as ct}from"./chunk-VNJKHQVV.js";import{a as st}from"./chunk-CGVGCYTP.js";import{a as rt}from"./chunk-7QSQH44D.js";import{a as ot}from"./chunk-63AFCMXB.js";import"./chunk-FNKCSJ2W.js";import"./chunk-NBCYNH3F.js";import"./chunk-35KNJDM3.js";import"./chunk-ICF6KCOZ.js";import"./chunk-RVWYYRQD.js";import{a as it}from"./chunk-WG2N6DNQ.js";import"./chunk-VG5YGNY5.js";import"./chunk-OGUNFBL3.js";import"./chunk-GSBPI73C.js";import{g as nt}from"./chunk-MDFI7MM2.js";import"./chunk-QXPBSCBE.js";import{m as tt,s as et}from"./chunk-46TIY27H.js";import{$ as D,Ec as J,Gc as P,Hc as O,Ic as v,Ja as A,K as $,Ob as s,Pb as b,Qb as p,Sb as G,Tb as X,Ub as j,Vb as l,Wb as r,Wc as u,Xb as d,Xc as m,Yb as _,Yc as Z,ac as f,ba as U,bc as T,ca as L,eb as y,fb as B,fc as K,hb as a,jc as H,k,kc as Q,lc as h,m as F,oa as w,p as x,pc as W,qc as q,sb as z,sc as c,ta as N,ua as R,w as E,wb as V,x as Y}from"./chunk-ZKNABTT2.js";function mt(t,o){if(t&1&&_(0,"a",3),t&2){let e=c();l("id",e.anchor);}}function Ct(t,o){if(t&1&&(r(0,"h2",4),P(1),d()),t&2){let e=c();l("appEditorId",e.editorIds==null?null:e.editorIds.headline),a(),O(e.attributes.headline);}}function gt(t,o){if(t&1&&_(0,"img",11),t&2){let e=c(2);l("src",e.getThumbnailUrl(o),y);}}function Pt(t,o){if(t&1&&(s(0,gt,1,1,"img",11),u(1,"async"),r(2,"app-user-consent-dialog",12),f(3,13),h(4,0),T(),f(5),H(6,1),_(7,"br")(8,"br")(9,"a",14),Q(),T(),d()),t&2){let e,n=c();p((e=m(1,2,n.activeVideo$))?0:-1,e),a(2),l("consent",n.userConsent);}}function yt(t,o){if(t&1&&(_(0,"iframe",15),u(1,"safe")),t&2){let e=c(2);l("src",Z(1,1,e.getEmbedUrl(o.id)+"?modestbranding=1&autohide=1&showinfo=0&controls=1","resourceUrl"),B);}}function bt(t,o){if(t&1&&(s(0,yt,2,4,"iframe",15),u(1,"async")),t&2){let e,n=c();p((e=m(1,1,n.activeVideo$))?0:-1,e);}}function ft(t,o){if(t&1&&(r(0,"div",7)(1,"h3",16),P(2),d(),r(3,"p",17)(4,"kb-line-clamp",18),P(5),d()()()),t&2){let e=o;a(2),O(e.title),a(3),v(" ",e.description," ");}}function Tt(t,o){t&1&&(r(0,"p",17),P(1),d()),t&2&&(a(),O(o));}function Ot(t,o){t&1&&_(0,"kb-progress-indicator",19),t&2&&l("visible",!0);}function Mt(t,o){if(t&1&&(s(0,Tt,2,1,"p",17),u(1,"async"),b(2,Ot,1,1,"kb-progress-indicator",19)),t&2){let e,n=c();p((e=m(1,1,n.errorMessage$))?0:2,e);}}function Ft(t,o){if(t&1){let e=K();r(0,"button",21),u(1,"async"),q("click",function(){let i=N(e).$implicit,C=c(2);return R(C.setActive(i));}),r(2,"div",22),_(3,"img",23)(4,"kb-icon",24),d(),r(5,"div",25),P(6),d()();}if(t&2){let e,n=o.$implicit,i=c(2);J("active",n.id===((e=m(1,5,i.activeVideo$))==null?null:e.id)),a(3),l("src",i.getThumbnailUrl(n),y),a(),l("icon",i.iconPlay),a(2),v(" ",n.title," ");}}function ht(t,o){t&1&&X(0,Ft,7,7,"button",20,G),t&2&&j(o.videos);}function vt(t,o){if(t&1&&(r(0,"a",9),f(1),h(2,2),T(),_(3,"kb-icon",24),d()),t&2){let e=c();l("href",e.getPlaylistUrl(o),y),a(3),l("icon",e.iconArrowsRight);}}function St(t,o){if(t&1&&_(0,"app-fs-button",10),t&2){let e=c();l("value",e.createSectionButton);}}var g=function(t){return t[t.NotFound=0]="NotFound",t[t.Connection=1]="Connection",t[t.Unknown=2]="Unknown",t;}(g||{}),It={[g.NotFound]:"Playlist not found",[g.Connection]:"Playlist could not be loaded, unable to connect to server",[g.Unknown]:"Playlist could not be loaded"},Ht=(()=>{class t extends pt{iconArrowsRight=rt;iconPlay=lt;playlistId$=new F(1);youTubeService=w(M);userConsent=this.youTubeService.userConsent;getEmbedUrl=M.getEmbedUrl;getThumbnailUrl=this.youTubeService.getThumbnailUrl.bind(this.youTubeService);getPlaylistUrl=M.getPlaylistUrl;errorMessage$=new F(1);playlist$=this.playlistId$.pipe(L(e=>this.youTubeService.getPlaylistMetadata(e)),$(e=>{let n=g.Unknown;return e instanceof nt&&(e.status===404?n=g.NotFound:e.status===0&&(n=g.Connection)),this.errorMessage$.next(It[n]),x;}));activeVideoId$=new k();activeVideo$=Y([this.playlist$,this.activeVideoId$.pipe(U(void 0))]).pipe(E(([e,n])=>n===void 0?e.videos[0]:e.videos.find(i=>i.id===n)),D(1));ngOnInit(){super.ngOnInit(),this.playlistId$.next(this.attributes.playlistId);}ngOnDestroy(){this.playlistId$.complete(),this.activeVideoId$.complete(),this.errorMessage$.complete();}setActive(e){this.activeVideoId$.next(e.id);}static ɵfac=(()=>{let e;return function(i){return(e||(e=A(t)))(i||t);};})();static ɵcmp=z({type:t,selectors:[["app-youtube-playlist"]],features:[V],decls:16,vars:16,consts:()=>{let e;e="Data transmission to YouTube";let n;n=" This video is embedded on our website via YouTube."+"[\uFFFD#7\uFFFD\uFFFD/#7\uFFFD|\uFFFD#8\uFFFD\uFFFD/#8\uFFFD]"+" Data is only transmitted to YouTube when you click on \u201CAgree\u201D."+"[\uFFFD#7\uFFFD\uFFFD/#7\uFFFD|\uFFFD#8\uFFFD\uFFFD/#8\uFFFD]"+" Please refer to "+"\uFFFD#9\uFFFD"+"the privacy policy of YouTube"+"\uFFFD/#9\uFFFD"+" for more details. ",n=W(n);let i;return i="See all videos on YouTube",[e,n,i,[3,"id"],["kb-heading","","type","divider",3,"appEditorId"],["kb-layout","grid",1,"container",3,"appEditorId"],["kb-grid-item-columns","8",1,"active-video"],[1,"metadata"],["kb-grid-item-columns","4","kb-layout","flex",1,"playlist"],["kb-button","","target","_blank",3,"href"],[3,"value"],["alt","","loading","lazy",1,"youtube-thumbnail",3,"src"],[3,"consent"],["slot","title"],["kb-link","","href","https://www.youtube.com/t/privacy","target","_blank"],["frameborder","0","allow","accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share","allowfullscreen","",3,"src"],["kb-heading",""],["kb-paragraph",""],["lines","2"],[3,"visible"],["type","button","kb-layout","flex",1,"playlist-item",3,"active"],["type","button","kb-layout","flex",1,"playlist-item",3,"click"],["kb-flex-item","half",1,"thumbnail-container"],["alt","","loading","lazy",3,"src"],[3,"icon"],["kb-flex-item","half"]];}
1,template:function(n,i){if(n&1&&(s(0,mt,1,1,"a",3),s(1,Ct,2,2,"h2",4),r(2,"div",5)(3,"div",6),s(4,Pt,10,4),u(5,"async"),b(6,bt,2,3),s(7,ft,6,2,"div",7),u(8,"async"),b(9,Mt,3,3),d(),r(10,"div",8),s(11,ht,2,0),u(12,"async"),s(13,vt,4,2,"a",9),u(14,"async"),d()(),s(15,St,1,1,"app-fs-button",10)),n&2){let C,S,I;p(i.anchor?0:-1),a(),p(i.attributes.headline?1:-1),a(),l("appEditorId",i.editorIds==null?null:i.editorIds.playlistId),a(2),p(m(5,8,i.userConsent.given$)===!1?4:6),a(3),p((C=m(8,10,i.activeVideo$))?7:9,C),a(4),p((S=m(12,12,i.playlist$))?11:-1,S),a(2),p((I=m(14,14,i.playlistId$))?13:-1,I),a(2),p(i.createSectionButton?15:-1);}},dependencies:[et,it,_t,st,at,ct,ot,dt,tt,ut],styles:[`[_nghost-%COMP%] .container[_ngcontent-%COMP%]{background-color:var(--kb-color--secondary-variant);padding-top:var(--kb-gap--inner-column);padding-bottom:var(--kb-gap--inner-column)}[_nghost-%COMP%] .container[_ngcontent-%COMP%] .active-video[_ngcontent-%COMP%]{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}[_nghost-%COMP%] .container[_ngcontent-%COMP%] .active-video[_ngcontent-%COMP%] img[_ngcontent-%COMP%], [_nghost-%COMP%] .container[_ngcontent-%COMP%] .active-video[_ngcontent-%COMP%] iframe[_ngcontent-%COMP%]{display:block}[_nghost-%COMP%] .container[_ngcontent-%COMP%] .active-video[_ngcontent-%COMP%] img[_ngcontent-%COMP%], [_nghost-%COMP%] .container[_ngcontent-%COMP%] .active-video[_ngcontent-%COMP%] iframe[_ngcontent-%COMP%], [_nghost-%COMP%] .container[_ngcontent-%COMP%] .active-video[_ngcontent-%COMP%] app-user-consent-dialog[_ngcontent-%COMP%]{aspect-ratio:16/9;width:100%;height:auto}[_nghost-%COMP%] .container[_ngcontent-%COMP%] .active-video[_ngcontent-%COMP%] .metadata[_ngcontent-%COMP%]{margin-top:var(--kb-gap--inner-column);margin-left:var(--kb-gap--inner-row);margin-right:var(--kb-gap--inner-row)}[_nghost-%COMP%] .container[_ngcontent-%COMP%] .active-video[_ngcontent-%COMP%] .youtube-thumbnail[_ngcontent-%COMP%]{position:absolute;top:0;left:0}[_nghost-%COMP%] .container[_ngcontent-%COMP%] .playlist[_ngcontent-%COMP%]{margin-right:var(--kb-gap--inner-row);align-items:flex-start;align-content:flex-start}[_nghost-%COMP%] .container[_ngcontent-%COMP%] .playlist[_ngcontent-%COMP%] .playlist-item[_ngcontent-%COMP%]{border:none;border-radius:0;padding:0;font-family:inherit;text-decoration:none;text-align:left;background-color:transparent;-webkit-user-select:text;user-select:text;width:100%;align-items:flex-start;color:var(--kb-color--on-secondary--high);transition:color var(--kb-speed--slow)}[_nghost-%COMP%] .container[_ngcontent-%COMP%] .playlist[_ngcontent-%COMP%] .playlist-item[_ngcontent-%COMP%] .thumbnail-container[_ngcontent-%COMP%]{position:relative;min-width:0}[_nghost-%COMP%] .container[_ngcontent-%COMP%] .playlist[_ngcontent-%COMP%] .playlist-item[_ngcontent-%COMP%] .thumbnail-container[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{display:block;width:100%;aspect-ratio:16/9}[_nghost-%COMP%] .container[_ngcontent-%COMP%] .playlist[_ngcontent-%COMP%] .playlist-item[_ngcontent-%COMP%] .thumbnail-container[_ngcontent-%COMP%] kb-icon[_ngcontent-%COMP%]{position:absolute;color:var(--kb-color--background);inset:0;width:auto;height:auto;display:inline-flex;justify-content:center;align-items:center;font-size:var(--kb-typography--size-extra-large);filter:drop-shadow(0 0 .3125rem #000)}[_nghost-%COMP%] .container[_ngcontent-%COMP%] .playlist[_ngcontent-%COMP%] .playlist-item.active[_ngcontent-%COMP%] .thumbnail-container[_ngcontent-%COMP%], [_nghost-%COMP%] .container[_ngcontent-%COMP%] .playlist[_ngcontent-%COMP%] .playlist-item[_ngcontent-%COMP%]:hover .thumbnail-container[_ngcontent-%COMP%], [_nghost-%COMP%] .container[_ngcontent-%COMP%] .playlist[_ngcontent-%COMP%] .playlist-item[_ngcontent-%COMP%]:focus .thumbnail-container[_ngcontent-%COMP%]{outline:.1875rem solid currentColor;outline-offset:-.1875rem}[_nghost-%COMP%] .container[_ngcontent-%COMP%] .playlist[_ngcontent-%COMP%] .playlist-item[_ngcontent-%COMP%]:hover, [_nghost-%COMP%] .container[_ngcontent-%COMP%] .playlist[_ngcontent-%COMP%] .playlist-item[_ngcontent-%COMP%]:focus{color:var(--kb-color--on-secondary--low)} 2/*# sourceMappingURL=youtube-playlist.component-3YDIQ3EV.css.map */`],changeDetection:0});}return t;})();export{Ht as YouTubePlaylistComponent};/**i18n:9b2f1e34af068233b6abd63a66684d4e9dbff90014448b8ec97e38af3af71f01*///# sourceMappingURL=chunk-LOGG26GG.js.map
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.