1"use strict";(self.webpackChunkweb_app=self.webpackChunkweb_app||[]).push([[621],{83621:(ui,Y,l)=>{l.r(Y),l.d(Y,{QplLibraryRoutingModule:()=>mi});var u=l(49870),W=l(12392),o=l(47706),A=l(5964),y=l(20248),S=l(941),t=l(41360),z=l(89978),D=l(78403),Z=l(6910),p=l(32881),T=l(69980),f=l(11511);function tt(e,s){1&e&&t.nrm(0,"img",26)}function et(e,s){if(1&e&&t.nrm(0,"img",27),2&e){const i=t.XpG();t.FS9("src",i.user.profileImage,t.B4B)}}function it(e,s){if(1&e&&(t.j41(0,"span",30),t.EFF(1),t.k0s()),2&e){const i=t.XpG(2);t.R7$(),t.JRh(i.user.firstName)}}function nt(e,s){if(1&e&&(t.j41(0,"span",30),t.EFF(1),t.k0s()),2&e){const i=t.XpG(2);t.R7$(),t.SpI(" ",i.user.lastName,"")}}function at(e,s){if(1&e&&(t.j41(0,"div",28),t.DNE(1,it,2,1,"span",29)(2,nt,2,1,"span",29),t.k0s()),2&e){const i=t.XpG();t.R7$(),t.Y8G("ngIf",i.user.firstName),t.R7$(),t.Y8G("ngIf",i.user.lastName)}}let st=(()=>{class e extends y.W{constructor(i,n,a){super(),this.csdCurrentUserService=i,this.csdSnackbarService=n,this.csdCurrentPageService=a,this.routeConstants=o,this.bookmarkedMusicPieces=[],this.showEmptyPage=!0,this.QplSliderType=S.XL,this.QplFilterVideoType=S.BG,this.csdCurrentPageService.setCurrentPageKey$(o.PATH_NAME_LIBRARY)}ngOnInit(){this.addSubscription(this.csdCurrentUserService.getUser$().pipe((0,A.p)(i=>!!i)).subscribe(i=>{this.user=i},i=>{this.csdSnackbarService.error(i)}))}ngOnDestroy(){this.csdCurrentPageService.setCurrentPageKey$(null),super.ngOnDestroy()}logout(){this.csdCurrentUserService.logout$().subscribe()}static{this.\u0275fac=function(n){return new(n||e)(t.rXU(z.m),t.rXU(D.J),t.rXU(Z.G))}}static{this.\u0275cmp=t.VBU({type:e,selectors:[["qpl-library-page"]],standalone:!1,features:[t.Vt3],decls:74,vars:33,consts:[[1,"qpl-overview-page-component","qpl-page"],[1,"qpl-overview-container"],[1,"qpl-overview-section-container"],["class","qpl-profile-image","src","assets/images/icons/icon-hat.svg",4,"ngIf"],["class","qpl-profile-image",3,"src",4,"ngIf"],["class","qpl-user-name",4,"ngIf"],[1,"qpl-library-navigation"],[1,"qpl-library-navigation-row"],[1,"qpl-library-navigation-entry",3,"routerLink"],[1,"qpl-library-menu-box"],["fontSet","material-icons-outlined"],["src","/assets/images/icons/icon-bookmark-academy.svg"],["src","assets/images/icons/icon-help-dark.svg"],[1,"qpl-library-navigation-entry","hidden-desktop",3,"click"],[3,"sliderType","filterVideoType","inLibrary"],[1,"qpl-container","qpl-social-media-box"],[1,"qpl-center-column"],[1,"qpl-box-container"],[1,"qpl-box"],[1,"qpl-box-cover-image"],["href","https://www.facebook.com/groups/1063698884109053","target","_blank"],["alt","quetschn_community.max-800x600.jpg","src","https://cdn.quetschn.academy/django-public-data/media/images/quetschn_community.max-800x600.original.jpg",1,"csd-image"],[1,"qpl-box-info"],[1,"qpl-box-title"],[1,"qpl-box-description","qpl-typo-body-1"],["href","https://www.facebook.com/groups/1063698884109053","target","_blank",1,"mat-button","mat-primary"],["src","assets/images/icons/icon-hat.svg",1,"qpl-profile-image"],[1,"qpl-profile-image",3,"src"],[1,"qpl-user-name"],["class","csd-typo-subheading-2",4,"ngIf"],[1,"csd-typo-subheading-2"]],template:function(n,a){1&n&&(t.j41(0,"div",0)(1,"div",1)(2,"div",2),t.DNE(3,tt,1,0,"img",3)(4,et,1,1,"img",4)(5,at,3,2,"div",5),t.j41(6,"div",6)(7,"div",7)(8,"a",8)(9,"div",9)(10,"mat-icon",10),t.EFF(11,"star_border"),t.k0s()(),t.j41(12,"span"),t.EFF(13),t.nI1(14,"i18next"),t.k0s()(),t.j41(15,"a",8)(16,"div",9)(17,"mat-icon",10),t.EFF(18,"queue_music"),t.k0s()(),t.j41(19,"span"),t.EFF(20),t.nI1(21,"i18next"),t.k0s()(),t.j41(22,"a",8)(23,"div",9),t.nrm(24,"img",11),t.k0s(),t.j41(25,"span"),t.EFF(26),t.nI1(27,"i18next"),t.k0s()()(),t.j41(28,"div",7)(29,"a",8)(30,"div",9)(31,"mat-icon",10),t.EFF(32,"menu_book"),t.k0s()(),t.j41(33,"span"),t.EFF(34),t.nI1(35,"i18next"),t.k0s()(),t.j41(36,"a",8)(37,"div",9)(38,"mat-icon",10),t.EFF(39,"person"),t.k0s()(),t.j41(40,"span"),t.EFF(41),t.nI1(42,"i18next"),t.k0s()(),t.j41(43,"a",8)(44,"div",9),t.nrm(45,"img",12),t.k0s(),t.j41(46,"span"),t.EFF(47),t.nI1(48,"i18next"),t.k0s()(),t.j41(49,"a",13),t.bIt("click",function(){return a.logout()}),t.j41(50,"div",9)(51,"mat-icon",10),t.EFF(52,"logout"),t.k0s()(),t.j41(53,"span"),t.EFF(54),t.nI1(55,"i18next"),t.k0s()()()(),t.nrm(56,"qpl-music-pieces-slider",14),t.j41(57,"div",15)(58,"div",16)(59,"div",17)(60,"div",18)(61,"div",19)(62,"a",20),t.nrm(63,"img",21),t.k0s()(),t.j41(64,"div",22)(65,"a",20)(66,"h1",23),t.EFF(67,"Facebook-Gruppe: Quetsc
1hn Academyker"),t.k0s()(),t.j41(68,"div")(69,"p",24),t.EFF(70,"Diese Gruppe wurde f\xfcr dich als Sch\xfcler der Academy er\xf6ffnet, um Fragen zu stellen, Antworten zu finden und dich mit gleichgesinnten Harmonikaspielern aus der ganzen Welt auszutauschen. Der Beitritt zur Gruppe ist kostenlos und erfordert nur einen Schritt. Klicke einfach auf \u201cGruppe beitreten\u201d."),t.k0s()(),t.j41(71,"div")(72,"a",25),t.EFF(73," Gruppe beitreten "),t.k0s()()()()()()()()()()),2&n&&(t.R7$(3),t.Y8G("ngIf",!a.user.profileImage),t.R7$(),t.Y8G("ngIf",a.user.profileImage),t.R7$(),t.Y8G("ngIf",a.user.firstName||a.user.lastName),t.R7$(3),t.Y8G("routerLink",a.routeConstants.PATH_NAME_BOOKMARKS),t.R7$(5),t.JRh(t.bMT(14,19,"LIBRARY.BOOKMARKS.TITLE")),t.R7$(2),t.Y8G("routerLink",a.routeConstants.PATH_NAME_PLAYLISTS),t.R7$(5),t.JRh(t.bMT(21,21,"LIBRARY.PLAYLISTS.TITLE")),t.R7$(2),t.Y8G("routerLink",a.routeConstants.PATH_NAME_NOTES),t.R7$(4),t.JRh(t.bMT(27,23,"LIBRARY.NOTES.TITLE")),t.R7$(3),t.Y8G("routerLink",a.routeConstants.PATH_NAME_MY_COURSES),t.R7$(5),t.JRh(t.bMT(35,25,"LIBRARY.MY_COURSES.TITLE")),t.R7$(2),t.Y8G("routerLink",a.routeConstants.PATH_USER_ACCOUNT),t.R7$(5),t.JRh(t.bMT(42,27,"LIBRARY.USER_SETTINGS.TITLE")),t.R7$(2),t.Y8G("routerLink",a.routeConstants.PATH_HELP_PAGE),t.R7$(4),t.JRh(t.bMT(48,29,"LIBRARY.HELP.TITLE")),t.R7$(7),t.JRh(t.bMT(55,31,"USER_MENU.LOGOUT")),t.R7$(2),t.Y8G("sliderType",a.QplSliderType.last_played)("filterVideoType",a.QplFilterVideoType.musicpiecelearnvideo)("inLibrary",!0))},dependencies:[p.bT,T.An,S.QD,u.Wk,f.ov],encapsulation:2,changeDetection:0})}}return e})();
1var lt=l(49009),ot=l(16807),rt=l(3902),c=l(23662),ct=l(2042),pt=l(11907),dt=l(63804),mt=l(34073);let ut=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275mod=t.$C({type:e})}static{this.\u0275inj=t.G2t({imports:[p.MD,lt.G,ot.E,u.iI,rt.Fg,c.tP,ct.NQ,pt.r,dt.a,u.iI,mt.C]})}}return e})();var P=l(88141),g=l(84412),C=l(43860),x=l(4284),I=l(62671),R=l(9183),F=l(34063),B=l(59542);const ft=()=>[],O=()=>["title","difficulty","musicStyles","genre","recordedBy"];function gt(e,s){1&e&&(t.j41(0,"div",24),t.nrm(1,"mat-spinner",25),t.j41(2,"span",26),t.EFF(3),t.nI1(4,"i18next"),t.k0s()()),2&e&&(t.R7$(3),t.SpI(" ",t.bMT(4,1,"LOADING"),""))}function ht(e,s){if(1&e&&(t.j41(0,"div",22),t.DNE(1,gt,5,3,"div",23),t.nI1(2,"async"),t.k0s()),2&e){const i=t.XpG();t.R7$(),t.Y8G("ngIf",t.bMT(2,1,i.isLoading$))}}function _t(e,s){if(1&e&&t.nrm(0,"qpl-gallery-element",29),2&e){const i=s.$implicit,n=t.XpG(2);t.Y8G("galleryElement",i)("baseUrl","/"+n.PATH_BOOKMARKS_PAGE)}}function yt(e,s){if(1&e&&(t.j41(0,"div",27),t.DNE(1,_t,1,2,"qpl-gallery-element",28),t.nI1(2,"async"),t.k0s()),2&e){const i=t.XpG();t.R7$(),t.Y8G("ngForOf",t.bMT(2,1,i.items$))}}function vt(e,s){1&e&&(t.j41(0,"th",30),t.EFF(1,"Titel"),t.k0s())}function Tt(e,s){if(1&e&&(t.j41(0,"td",31)(1,"div",32)(2,"div",33),t.nrm(3,"img",34),t.k0s(),t.EFF(4),t.k0s()()),2&e){const i=s.$implicit,n=t.XpG();t.Y8G("routerLink","/"+n.PATH_BOOKMARKS_PAGE+"/"+i.publicUuid),t.R7$(3),t.FS9("src",n.BaseLearnVideo.getCoverImageUrl(i,!0),t.B4B),t.R7$(),t.SpI(" ",i.title," ")}}function Pt(e,s){1&e&&(t.j41(0,"th",35),t.EFF(1,"Schwierigkeit"),t.k0s())}function It(e,s){if(1&e&&(t.j41(0,"span"),t.EFF(1),t.nI1(2,"i18next"),t.k0s()),2&e){const i=t.XpG().$implicit;t.R7$(),t.SpI(" ",t.bMT(2,1,"MUSIC_PIECE.DIFFICULTY."+i.difficulty),"")}}function Et(e,s){if(1&e&&(t.j41(0,"td",36),t.DNE(1,It,3,3,"span",37),t.k0s()),2&e){const i=s.$implicit;t.R7$(),t.Y8G("ngIf",i.difficulty)}}function bt(e,s){1&e&&(t.j41(0,"th",35),t.EFF(1,"St\xfcckart"),t.k0s())}function Lt(e,s){if(1&e&&(t.j41(0,"div",41),t.EFF(1),t.k0s()),2&e){const i=s.$implicit;t.R7$(),t.SpI(" ",i," ")}}function Ct(e,s){if(1&e&&(t.j41(0,"div",39),t.DNE(1,Lt,2,1,"div",40),t.k0s()),2&e){const i=t.XpG().$implicit;t.R7$(),t.Y8G("ngForOf",i.musicpiecelearnvideo.musicStyles)}}function Rt(e,s){if(1&e&&(t.j41(0,"td",36),t.DNE(1,Ct,2,1,"div",38),t.k0s()),2&e){const i=s.$implicit;t.R7$(),t.Y8G("ngIf",i.musicpiecelearnvideo)}}function Ft(e,s){1&e&&(t.j41(0,"th",35),t.EFF(1,"Genre"),t.k0s())}function kt(e,s){if(1&e&&(t.j41(0,"div",41),t.EFF(1),t.k0s()),2&e){const i=s.$implicit;t.R7$(),t.SpI(" ",i," ")}}function At(e,s){if(1&e&&(t.j41(0,"div",39),t.DNE(1,kt,2,1,"div",40),t.k0s()),2&e){const i=t.XpG().$implicit;t.R7$(),t.Y8G("ngForOf",i.musicpiecelearnvideo.genres)}}function St(e,s){if(1&e&&(t.j41(0,"td",36),t.DNE(1,At,2,1,"div",38),t.k0s()),2&e){const i=s.$implicit;t.R7$(),t.Y8G("ngIf",i.musicpiecelearnvideo)}}function Dt(e,s){1&e&&(t.j41(0,"th",35),t.EFF(1," Lehrer "),t.k0s())}function Nt(e,s){if(1&e&&(t.j41(0,"span"),t.EFF(1),t.k0s()),2&e){const i=t.XpG().$implicit;t.R7$(),t.JRh(i.musicpiecelearnvideo.recordedBy)}}function $t(e,s){if(1&e&&(t.j41(0,"td",36),t.DNE(1,Nt,2,1,"span",37),t.k0s()),2&e){const i=s.$implicit;t.R7$(),t.Y8G("ngIf",i.musicpiecelearnvideo)}}function Gt(e,s){1&e&&t.nrm(0,"tr",42)}function jt(e,s){1&e&&t.nrm(0,"tr",43)}function Mt(e,s){1&e&&(t.j41(0,"div",44),t.nrm(1,"span",45),t.nI1(2,"i18next"),t.k0s()),2&e&&(t.R7$(),t.Y8G("innerHTML",t.bMT(2,1,"LIBRARY.BOOKMARKS.EMPTY_STATE"),t.npT))}let qt=(()=>{class e extends y.W{constructor(i,n){super(),this.csdDataService=i,this.changeDetectorRef=n,this.items$=new g.t([]),this.isLoading$=new g.t(!0),this.activeQueryFilter$=new g.t({}),this.showEmptyList=!1,this.baseUrl="",this.PATH_BOOKMARKS_PAGE=o.PATH_BOOKMARKS_PAGE,this.BaseLearnVideo=C.vB,this.routeConstants=o}ngOnInit(){this.loadBookmarkedVideos()}loadBookmarkedVideos(){this.isLoading$.next(!0),this.addSubscription(this.csdDataService.typedQuery(x.WG,{},["data","bookmarkedMusicPieces"]).pipe((0,P.M)({next:i=>{const n=i||[];
1this.items$.next(n),this.showEmptyList=0===n.length,this.isLoading$.next(!1),this.changeDetectorRef.markForCheck()},error:()=>{this.isLoading$.next(!1),this.changeDetectorRef.markForCheck()}})).subscribe())}ngOnDestroy(){super.ngOnDestroy()}static{this.\u0275fac=function(n){return new(n||e)(t.rXU(I.E),t.rXU(t.gRc))}}static{this.\u0275cmp=t.VBU({type:e,selectors:[["qpl-library-bookmark-page"]],standalone:!1,features:[t.Vt3],decls:34,vars:22,consts:[[1,"qpl-overview-page-component","qpl-page"],[3,"filter","filterValue"],[1,"qpl-overview-container"],[1,"qpl-overview-section-container"],[1,"qpl-overview-section-container-headline","qpl-typo-display-1"],["class","qpl-overview-music-pieces-list",4,"ngIf"],["class","qpl-overview-music-pieces-list hidden-desktop",4,"ngIf"],[3,"hidden"],[1,"qpl-overview-music-pieces-list","hidden-mobile"],["mat-table","",1,"qpl-table",3,"dataSource","hidden"],["matColumnDef","title"],["mat-header-cell","",4,"matHeaderCellDef"],["mat-cell","","class","qpl-playlist-detail-table-td-clickable",3,"routerLink",4,"matCellDef"],["matColumnDef","difficulty"],["mat-header-cell","","class","hidden-mobile",4,"matHeaderCellDef"],["mat-cell","","class","hidden-mobile",4,"matCellDef"],["matColumnDef","musicStyles"],["matColumnDef","genre"],["matColumnDef","recordedBy"],["mat-header-row","",4,"matHeaderRowDef"],["mat-row","",4,"matRowDef","matRowDefColumns"],["class","qpl-empty-state",4,"ngIf"],[1,"qpl-overview-music-pieces-list"],["class","qad-loading-spinner",4,"ngIf"],[1,"qad-loading-spinner"],["diameter","20",1,"qad-spinner"],[1,"qad-loading-text"],[1,"qpl-overview-music-pieces-list","hidden-desktop"],[3,"galleryElement","baseUrl",4,"ngFor","ngForOf"],[3,"galleryElement","baseUrl"],["mat-header-cell",""],["mat-cell","",1,"qpl-playlist-detail-table-td-clickable",3,"routerLink"],[1,"qpl-music-piece-title","qpl-typo-body-2"],[1,"qpl-play-music-video-icon"],[3,"src"],["mat-header-cell","",1,"hidden-mobile"],["mat-cell","",1,"hidden-mobile"],[4,"ngIf"],["class","qpl-playlist-detail-table-chips-container",4,"ngIf"],[1,"qpl-playlist-detail-table-chips-container"],["class","qpl-playlist-detail-table-chips",4,"ngFor","ngForOf"],[1,"qpl-playlist-detail-table-chips"],["mat-header-row",""],["mat-row",""],[1,"qpl-empty-state"],[3,"innerHTML"]],template:function(n,a){1&n&&(t.j41(0,"div",0),t.nrm(1,"qpl-breadcrumb-navigation",1),t.j41(2,"div",2)(3,"div",3)(4,"h1",4),t.EFF(5),t.nI1(6,"i18next"),t.k0s(),t.DNE(7,ht,3,3,"div",5),t.nI1(8,"async"),t.DNE(9,yt,3,3,"div",6),t.nI1(10,"async"),t.j41(11,"span",7),t.nI1(12,"async"),t.j41(13,"div",8)(14,"table",9),t.nI1(15,"async"),t.qex(16,10),t.DNE(17,vt,2,0,"th",11)(18,Tt,5,3,"td",12),t.bVm(),t.qex(19,13),t.DNE(20,Pt,2,0,"th",14)(21,Et,2,1,"td",15),t.bVm(),t.qex(22,16),t.DNE(23,bt,2,0,"th",14)(24,Rt,2,1,"td",15),t.bVm(),t.qex(25,17),t.DNE(26,Ft,2,0,"th",14)(27,St,2,1,"td",15),t.bVm(),t.qex(28,18),t.DNE(29,Dt,2,0,"th",14)(30,$t,2,1,"td",15),t.bVm(),t.DNE(31,Gt,1,0,"tr",19)(32,jt,1,0,"tr",20),t.k0s()()(),t.DNE(33,Mt,3,3,"div",21),t.k0s()()()),2&n&&(t.R7$(5),t.SpI(" ",t.bMT(6,9,"LIBRARY.BOOKMARKS.TITLE")," "),t.R7$(2),t.Y8G("ngIf",t.bMT(8,11,0==a.showEmptyList&&a.isLoading$)),t.R7$(2),t.Y8G("ngIf",0==a.showEmptyList&&!1===t.bMT(10,13,a.isLoading$)),t.R7$(2),t.Y8G("hidden",!0===a.showEmptyList||!0===t.bMT(12,15,a.isLoading$)),t.R7$(3),t.Y8G("dataSource",t.bMT(15,17,a.items$)||t.lJ4(19,ft))("hidden",a.showEmptyList),t.R7$(17),t.Y8G("matHeaderRowDef",t.lJ4(20,O)),t.R7$(),t.Y8G("matRowDefColumns",t.lJ4(21,O)),t.R7$(),t.Y8G("ngIf",1==a.showEmptyList))},dependencies:[p.Sq,p.bT,R.LG,F.C,B.P,u.Wk,c.Zl,c.tL,c.ji,c.cC,c.YV,c.iL,c.KS,c.$R,c.YZ,c.NB,p.Jj,f.ov],encapsulation:2,changeDetection:0})}}return e})();var Yt=l(8246),U=l(38106),E=l(70643),N=l(60200);const Q=()=>["name"];function xt(e,s){1&e&&(t.j41(0,"div",8),t.nrm(1,"mat-spinner",9),t.j41(2,"span",10),t.EFF(3),t.nI1(4,"i18next"),t.k0s()()),2&e&&(t.R7$(3),t.SpI(" ",t.bMT(4,1,"LOADING"),""))}function Bt(e,s){if(1&e&&(t.j41(0,"div",6),t.DNE(1,xt,5,3,"div",7),t.k0s()),2&e){const i=t.XpG();t.R7$(),t.Y8G("ngIf",i.isLoading)}}function Ot(e,s){1&e&&(t.j41(0,"th",17),t.EFF(1,"Name"),t.k0s())}function Ut(e,s){if(1&e&&(t.j41(0,"td",18)(1,"div",19)(2,"mat-icon",20),t.EFF(3,"queue_music"),t.k0s(),t.EFF(4),t.k0s()()),2&e){const i=s.$implicit,n=t.XpG(2);t.Y8G("routerLink","/"+n.routeConstants.PATH_PLAYLIST_PAGE+"/"+i.id),t.R7$(4),t.SpI(" ",i.name," ")}}function Qt(e,s){1&e&&t.nrm(0,"tr",21)}function Vt(e,s){1&e&&t.nrm(0,"tr",22)}function Ht(e,s){if(1&e&&(t.j41(0,"div",6)(1,"table",11),t.qex(2,12),t.DNE(3,Ot,2,0,"th",13)(4,Ut,5,2,"td",14),t.bVm(),t.DNE(5,Qt,1,0,"tr",15)(6,Vt,1,0,"tr",16),t.k0s()()),2&e){const i=t.XpG();t.R7$(),t.Y8G("dataSource",i.dataSource)("hidden",i.showEmptyList),t.R7$(4),t.Y8G("matHeaderRowDef",t.lJ4(4,Q)),t.R7$(),t.Y8G("matRowDefColumns",t.lJ4(5,Q))}}function wt(e,s){1&e&&(t.j41(0,"div",23),t.nrm(1,"span",24),t.nI1(2,"i18next"),t.k0s()),2&e&&(t.R7$(),t.Y8G("innerHTML",t.bMT(2,1,"LIBRARY.PLAYLISTS.EMPTY_STATE"),t.npT))}let Xt=(()=>{class e extends y.W{constructor(i,n,a,r){super(),this.activatedRoute=i,this.csdDataService=n,this.qplPlaylistService=a,this.changeDetectorRef=r,this.dataSource=new c.I6([]),this.isLoading=!0,this.activeQueryFilter$=new g.t({}),this.showEmptyList=!1,this.routeConstants=o,this.BaseModel=U.tk}ngOnInit(){this.addSubscription(this.csdDataService.query(Yt.mX,{},{fetchPolicy:"network-only"}).valueChanges.pipe((0,P.M)(i=>{const n=i?.data?.getPlaylistsForUser||[];this.dataSource.data=n,this.showEmptyList=0===n.length,this.isLoading=!1,this.changeDetectorRef.markForCheck()})).subscribe())}static{this.\u0275fac=function(n){return new(n||e)(t.rXU(E.nX),t.rXU(I.E),t.rXU(N.Z),t.rXU(t.gRc))}}static{this.\u0275cmp=t.VBU({type:e,selectors:[["qpl-library-playlist-page"]],standalone:!1,features:[t.Vt3],decls:10,vars:6,consts:[[1,"qpl-overview-page-component","qpl-page"],[1,"qpl-overview-container"],[1,"qpl-overview-section-container"],[1,"qpl-overview-section-container-headline","qpl-typo-display-1"],["class","qpl-overview-music-pieces-l
1ist",4,"ngIf"],["class","qpl-empty-state",4,"ngIf"],[1,"qpl-overview-music-pieces-list"],["class","qad-loading-spinner",4,"ngIf"],[1,"qad-loading-spinner"],["diameter","20",1,"qad-spinner"],[1,"qad-loading-text"],["mat-table","",1,"qpl-table",3,"dataSource","hidden"],["matColumnDef","name"],["mat-header-cell","",4,"matHeaderCellDef"],["mat-cell","","class","qpl-playlist-detail-table-td-clickable",3,"routerLink",4,"matCellDef"],["mat-header-row","",4,"matHeaderRowDef"],["mat-row","",4,"matRowDef","matRowDefColumns"],["mat-header-cell",""],["mat-cell","",1,"qpl-playlist-detail-table-td-clickable",3,"routerLink"],[1,"qpl-music-piece-title","qpl-typo-body-2"],["fontSet","material-icons-outlined"],["mat-header-row",""],["mat-row",""],[1,"qpl-empty-state"],[3,"innerHTML"]],template:function(n,a){1&n&&(t.j41(0,"div",0),t.nrm(1,"qpl-breadcrumb-navigation"),t.j41(2,"div",1)(3,"div",2)(4,"h1",3),t.EFF(5),t.nI1(6,"i18next"),t.k0s(),t.DNE(7,Bt,2,1,"div",4)(8,Ht,7,6,"div",4)(9,wt,3,3,"div",5),t.k0s()()()),2&n&&(t.R7$(5),t.SpI(" ",t.bMT(6,4,"LIBRARY.PLAYLISTS.TITLE")," "),t.R7$(2),t.Y8G("ngIf",0==a.showEmptyList&&a.isLoading),t.R7$(),t.Y8G("ngIf",0==a.showEmptyList&&!a.isLoading),t.R7$(),t.Y8G("ngIf",1==a.showEmptyList))},dependencies:[p.bT,T.An,R.LG,F.C,u.Wk,c.Zl,c.tL,c.ji,c.cC,c.YV,c.iL,c.KS,c.$R,c.YZ,c.NB,f.ov],encapsulation:2,changeDetection:0})}}return e})();var V=l(3042),Jt=l(5743),m=l(26182),Kt=l(85097),Wt=l(81350),zt=l(66513),Zt=l(43744),te=l(31287),ee=l(39377),ie=l(35776),ne=l(77956),oe=Object.prototype.hasOwnProperty;var pe=l(3044),$=l(30417),H=l(33746),w=l(5951),G=l(9454),X=l(74506),v=l(52920);const de=["*"];let me=(()=>{class e{constructor(){this.close=new t.bkB}ngOnInit(){}static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=t.VBU({type:e,selectors:[["csd-filter-widget"]],inputs:{title:"title"},outputs:{close:"close"},standalone:!1,ngContentSelectors:de,decls:11,vars:3,consts:[[1,"csd-filter-widget"],["expanded","True",1,"csd-expansion-panel"],[1,"csd-expansion-panel-header",3,"collapsedHeight","expandedHeight"],[1,"csd-panel-title"],["fxLayout","row","fxLayoutAlign","start center",1,"csd-filter-header"],["fxFlex","nogrow","mat-icon-button","",1,"csd-close-button",3,"click"],["fxFlex","grow",1,"csd-title"]],template:function(n,a){1&n&&(t.NAR(),t.j41(0,"div",0)(1,"mat-expansion-panel",1)(2,"mat-expansion-panel-header",2)(3,"mat-panel-title",3)(4,"div",4)(5,"button",5),t.bIt("click",function(){return a.close.emit()}),t.j41(6,"mat-icon"),t.EFF(7,"close"),t.k0s()(),t.j41(8,"div",6),t.EFF(9),t.k0s()()()(),t.SdG(10,0,[1,"csd-filter-body"]),t.k0s()()),2&n&&(t.R7$(2),t.Y8G("collapsedHeight","28px")("expandedHeight","28px"),t.R7$(7),t.JRh(a.title))},dependencies:[T.An,G.GK,G.Z2,G.WN,X.M,v.DJ,v.sA,v.UI],encapsulation:2,changeDetection:0})}}return e})();function ue(e,s){if(1&e){const i=t.RV6();t.j41(0,"mat-form-field")(1,"input",7),t.nI1(2,"i18next"),t.bIt("input",function(a){t.eBV(i);const r=t.XpG(2);return t.Njj(r.setFilterTerm(a.target.value))}),t.k0s()()}if(2&e){const i=t.XpG(2);t.R7$(),t.FS9("placeholder",t.bMT(2,3,i.placeholderFilterTermTranslationKey)),t.Y8G("id",i.selectedFilterInputId)("value",i.filterTerm)}}function fe(e,s){if(1&e&&(t.j41(0,"div",4)(1,"mat-radio-button",5),t.EFF(2),t.k0s(),t.DNE(3,ue,3,5,"mat-form-field",6),t.nI1(4,"async"),t.k0s()),2&e){let i;const n=s.$implicit,a=t.XpG();t.R7$(),t.Y8G("value",n.id),t.R7$(),t.SpI(" ",a.translateFilterVariant(n.id)," "),t.R7$(),t.Y8G("ngIf",(null==(i=t.bMT(4,3,a.ui$))?null:i.selectedFilterVariantId)===n.id)}}let ge=(()=>{class e extends Jt.N{constructor(i,n){super(n),this.changeDetectorRef=i,this.i18NextPipe=n,this.filterVariants=[],this.ui$=new g.t(null),this.selectedFilterInputId=(0,pe.gZ)()}ngOnInit(){this._initAvailableFilterVariants(),this.addSubscription(this.ui$.pipe((0,A.p)(i=>!!i),(0,P.M)(({filterTerm:i,selectedFilterVariantId:n})=>{this.changeTitle(i,n),this.filterTerm=i,this.selectedFilterVariantId=n,this.changeDetectorRef.markForCheck()}),(0,A.p)(({selectedFilterVariantId:n})=>!!n),(0,P.M)(({filterTerm:i,selectedFilterVariantId:n})=>{this.changeQuery(i,n),setTimeout(()=>document.getElementById(this.selectedFilterInputId).focus(),100)})).subscribe()),this.updateUi()}_initAvailableFilterVariants(){if(this.filterVariants=[],this.filterOptions&&this.filterOptions.filterVariants&&this.filterOptions.filterVariants.length>=1){const i=this.filterOptions.filterVariants;for(const n of i){const a=this._getVariantIdFromVariantValue(n);this.filterVariants.push({id:a,value:n})}}else for(const i of Object.keys(m.tu))(!this.filterOptions||this.filterOptions.filterVariants.includes(m.tu[i]))&&this.filterVariants.push({id:i,value:m.tu[i]})}changeTitle(i,n){const a=this.translateFieldId(this.fieldId),r=this.translateFilterVariant(n);this.title=n?i?a+" "+r+" "+i:a+" "+r:a}changeQuery(i,n){if(i&&n)if(m.tu[n]===m.tu.EXACT){const a={};a[this.fieldId]=i,this._filterQuery=a}else{const a={};a[this.fieldId+"_"+m.tu[n]]=i,this._filterQuery=a}else this._filterQuery=null;this.triggerQueryChange()}setSelectedFilterVariantId(i){if(i){let n=this.ui$.getValue();n||(n={selectedFilterVariantId:null,filterTerm:null}
1),n.selectedFilterVariantId=i,this.ui$.next(n)}}setFilterTerm(i){let n=this.ui$.getValue();n||(n={selectedFilterVariantId:null,filterTerm:null}),n.filterTerm=i,this.ui$.next(n)}_getVariantIdFromVariantValue(i){for(const n of Object.keys(m.tu))if(m.tu[n]===i)return n}updateUi(){if(this._initAvailableFilterVariants(),this.changeTitle(null,null),function re(e){if(null==e)return!0;if((0,te.A)(e)&&((0,Zt.A)(e)||"string"==typeof e||"function"==typeof e.splice||(0,ee.A)(e)||(0,ne.A)(e)||(0,zt.A)(e)))return!e.length;var s=(0,Wt.A)(e);if("[object Map]"==s||"[object Set]"==s)return!e.size;if((0,ie.A)(e))return!(0,Kt.A)(e).length;for(var i in e)if(oe.call(e,i))return!1;return!0}(this.filterQuery))return;this.filterTerm=this._getFilterTermFromQuery(this.filterQuery);const i=this._getFilterVariantFromQuery(this.filterQuery);this.selectedFilterVariantId=this._getVariantIdFromVariantValue(i),this.changeDetectorRef.markForCheck(),this.ui$.next({selectedFilterVariantId:this.selectedFilterVariantId,filterTerm:this.filterTerm})}ngOnDestroy(){super.ngOnDestroy()}static{this.\u0275fac=function(n){return new(n||e)(t.rXU(t.gRc),t.rXU(f.ov))}}static{this.\u0275cmp=t.VBU({type:e,selectors:[["csd-text-filter"]],standalone:!1,features:[t.Vt3],decls:4,vars:3,consts:[[1,"csd-text-filter","csd-base-filter"],[3,"close","title"],[1,"csd-filter-variants",3,"change","value"],["class","csd-filter-variant",4,"ngFor","ngForOf"],[1,"csd-filter-variant"],[1,"csd-radio-button",3,"value"],[4,"ngIf"],["matInput","","autofocus","",3,"input","id","placeholder","value"]],template:function(n,a){1&n&&(t.j41(0,"div",0)(1,"csd-filter-widget",1),t.bIt("close",function(){return a.destroy()}),t.j41(2,"mat-radio-group",2),t.bIt("change",function(d){return a.setSelectedFilterVariantId(d.value)}),t.DNE(3,fe,5,5,"div",3),t.k0s()()()),2&n&&(t.R7$(),t.Y8G("title",a.title),t.R7$(),t.Y8G("value",a.selectedFilterVariantId),t.R7$(),t.Y8G("ngForOf",a.filterVariants))},dependencies:[p.Sq,p.bT,$.j,H.fg,w.VT,w._g,me,p.Jj,f.ov],encapsulation:2,changeDetection:0})}}return e})();var h=l(45565),_=l(89417),k=l(88834);let he=(()=>{class e extends y.W{constructor(i,n,a,r,d,M,q){super(),this.dialogRef=i,this.formBuilder=n,this.csdSnackbarService=a,this.qplPlaylistService=r,this.csdDataService=d,this.changeDetectorRef=M,this.data=q,this.formFieldAppearance="outline",this.inProgress=!1}ngOnInit(){this.buildForm(),this.data.hasOwnProperty("playlist")&&(this.playlist=this.data.playlist,this.playlistNameForm.setValue(this.playlist.name))}ngOnDestroy(){super.ngOnDestroy()}buildForm(){this.playlistForm=this.formBuilder.group({playlistName:["",[]]})}get playlistNameForm(){return this.playlistForm.get("playlistName")}save(){}changePlaylistName(){this.qplPlaylistService.update$({id:this.playlist.id,name:this.playlistNameForm.value}).subscribe(n=>{this.csdSnackbarService.success("SNACKBAR.PLAYLIST.NAME.SUCCESS"),this.closeDialog()},n=>{this.csdSnackbarService.error("SNACKBAR.PLAYLIST.ERROR")})}closeDialog(){this.dialogRef.close()}static{this.\u0275fac=function(n){return new(n||e)(t.rXU(h.m),t.rXU(_.ze),t.rXU(D.J),t.rXU(N.Z),t.rXU(I.E),t.rXU(t.gRc),t.rXU(h.e))}}static{this.\u0275cmp=t.VBU({type:e,selectors:[["qpl-playlist-change-name-dialog"]],inputs:{profileImageUploadedEvent:"profileImageUploadedEvent"},standalone:!1,features:[t.Vt3],decls:27,vars:20,consts:[[1,"csd-change-password-dialog","qpl-dialog-component",3,"keypress"],["mat-dialog-title","",1,"dialog-title"],[1,"qpl-mat-dialog-title","qpl-typo-title"],["mat-icon-button","","aria-label","close dialog","mat-dialog-close",""],["novalidate","",1,"qpl-dialog-content",3,"formGroup"],["mat-dialog-content",""],["fxLayout","column","fxLayoutAlign","space-around stretch"],[1,"",3,"appearance"],["matInput","","formControlName","playlistName","autocomplete","off",3,"placeholder"],["mat-dialog-actions","","fxLayout","row","fxLayoutAlign","end center","fxLayoutGap","10px"],["color","accent","mat-button","",3,"click"],["color","accent","mat-raised-button","","type","submit",3,"click"]],template:function(n,a){1&n&&(t.j41(0,"div",0),t.bIt("keypress",function(d){return d.stopPropagation()}),t.j41(1,"div",1)(2,"span",2),t.EFF(3),t.nI1(4,"i18next"),t.k0s(),t.j41(5,"button",3)(6,"mat-icon"),t.EFF(7,"close"),t.k0s()()(),t.j41(8,"p"),t.EFF(9),t.nI1(10,"i18next"),t.k0s(),t.j41(11,"form",4)(12,"div",5)(13,"div",6)(14,"mat-form-field",7)(15,"mat-label"),t.EFF(16),t.nI1(17,"i18next"),t.k0s(),t.nrm(18,"input",8),t.nI1(19,"i18next"),t.k0s()()(),t.j41(20,"div",9)(21,"button",10),t.bIt("click",function(){return a.closeDialog()}),t.EFF(22),t.nI1(23,"i18next"),t.k0s(),t.j41(24,"button",11),t.bIt("click",function(){return a.changePlaylistName()}),t.EFF(25),t.nI1(26,"i18next"),t.k0s()()()()),2&n&&(t.R7$(3),t.SpI(" ",t.bMT(4,8,"PLAYLIST_CHANGE_NAME_DIALOG.TITLE")," "),t.R7$(6),t.JRh(t.bMT(10,10,"PLAYLIST_CHANGE_NAME_DIALOG.INFO")),t.R7$(2),t.Y8G("formGroup",a.playlistForm),t.R7$(3),t.Y8G("appearance",a.formFieldAppearance),t.R7$(2),t.JRh(t.bMT(17,12,"PLAYLIST_CHANGE_NAME_DIALOG.FORM.PLAYLIST_NAME.LABEL")),t.R7$(2),t.Y8G("placeholder",t.bMT(19,14,"PLAYLIST_CHANGE_NAME_DIALOG.FORM.PLAYLIST_NAME.PLACEHOLDER")),t.R7$(4),t.SpI(" ",t.bMT(23,16,"BUTTON.CANCEL")," "),t.R7$(3),t.SpI(" ",t.bMT(26,18,"BUTTON.SAVE")," "))},dependencies:[_.qT,_.me,_.BC,_.cb,$.j,$.M,T.An,H.fg,k.$z,X.M,h.a,h.b,h.M,h.c,v.DJ,v.BO,v.sA,_.j4,_.JD,f.ov],encapsulation:2,changeDetection:0})}}return e})();const _e=["changePlaylistName"],ye=()=>[],J=()=>["title","difficulty","musicStyles","genre","recordedBy","actions"];function ve(e,s){if(1&e&&(t.j41(0,"h1",32),t.EFF(1),t.k0s()),2&e){const i=t.XpG();t.R7$(),t.SpI(" ",i.playlist.name," ")}}function Te(e,s){if(1&e&&(t.j41(0,"span"),t.EFF(1),t.k0s()),2&e){const i=t.XpG();t.R7$(),t.SpI("",i.numberOfLearnVideos," Musikst\xfccke")}}function Pe(e,s){if(1&e&&(t.j41(0,"span"),t.EFF(1),t.k0s()),2&e){const i=t.XpG();t.R7$(),t.SpI("",i.numberOfLearnVideos," Musikst\xfcck")}}function Ie(e,s){if(1&e&&t.nrm(0,"qpl-gallery-element",35),2&e){const i=s.$implicit,n=t.XpG(2);t.Y8G("galleryElement",i)("baseUrl","/"+n.routeConstants.PATH_PLAYLIST_PAGE+"/"+n.BaseModel.idFromGlobalId(i.id
1)+"/"+n.PATH_NAME_APP_ENTRY_PAGE_MUSIC_PIECES)}}function Ee(e,s){if(1&e&&(t.j41(0,"div",33),t.DNE(1,Ie,1,2,"qpl-gallery-element",34),t.nI1(2,"async"),t.k0s()),2&e){const i=t.XpG();t.R7$(),t.Y8G("ngForOf",t.bMT(2,1,i.musicPieces$))}}function be(e,s){1&e&&(t.j41(0,"div",36),t.nrm(1,"mat-spinner",37),t.j41(2,"span",38),t.EFF(3),t.nI1(4,"i18next"),t.k0s()()),2&e&&(t.R7$(3),t.SpI(" ",t.bMT(4,1,"LOADING"),""))}function Le(e,s){1&e&&(t.j41(0,"th",39),t.EFF(1,"Titel"),t.k0s())}function Ce(e,s){if(1&e&&(t.j41(0,"td",40)(1,"div",41)(2,"div",42),t.nrm(3,"img",43),t.k0s(),t.EFF(4),t.k0s()()),2&e){const i=s.$implicit,n=t.XpG();t.Y8G("routerLink",n.PATH_NAME_APP_ENTRY_PAGE_MUSIC_PIECES+"/"+i.publicUuid),t.R7$(3),t.FS9("src",n.getCoverImage(i),t.B4B),t.R7$(),t.SpI(" ",i.title," ")}}function Re(e,s){1&e&&(t.j41(0,"th",39),t.EFF(1,"Schwierigkeit"),t.k0s())}function Fe(e,s){if(1&e&&(t.j41(0,"td",44),t.EFF(1),t.nI1(2,"i18next"),t.k0s()),2&e){const i=s.$implicit;t.R7$(),t.SpI(" ",t.bMT(2,1,"MUSIC_PIECE.DIFFICULTY."+i.difficulty)," ")}}function ke(e,s){1&e&&(t.j41(0,"th",45),t.EFF(1,"St\xfcckart"),t.k0s())}function Ae(e,s){if(1&e&&(t.j41(0,"div",49),t.EFF(1),t.k0s()),2&e){const i=s.$implicit;t.R7$(),t.SpI(" ",i," ")}}function Se(e,s){if(1&e&&(t.j41(0,"td",46)(1,"div",47),t.DNE(2,Ae,2,1,"div",48),t.k0s()()),2&e){const i=s.$implicit;t.R7$(2),t.Y8G("ngForOf",i.musicpiecelearnvideo.musicStyles)}}function De(e,s){1&e&&(t.j41(0,"th",45),t.EFF(1,"Genre"),t.k0s())}function Ne(e,s){if(1&e&&(t.j41(0,"div",49),t.EFF(1),t.k0s()),2&e){const i=s.$implicit;t.R7$(),t.SpI(" ",i," ")}}function $e(e,s){if(1&e&&(t.j41(0,"td",46)(1,"div",47),t.DNE(2,Ne,2,1,"div",48),t.k0s()()),2&e){const i=s.$implicit;t.R7$(2),t.Y8G("ngForOf",i.musicpiecelearnvideo.genres)}}function Ge(e,s){1&e&&(t.j41(0,"th",50),t.EFF(1,"Lehrer"),t.k0s())}function je(e,s){if(1&e&&(t.j41(0,"td",51),t.EFF(1),t.k0s()),2&e){const i=s.$implicit;t.R7$(),t.SpI(" ",i.musicpiecelearnvideo.recordedBy," ")}}function Me(e,s){1&e&&(t.j41(0,"th",39),t.EFF(1,"Aus Playlist entfernen"),t.k0s())}function qe(e,s){if(1&e){const i=t.RV6();t.j41(0,"td",44)(1,"button",9),t.bIt("click",function(){const a=t.eBV(i).$implicit,r=t.XpG
1();return t.Njj(r.removeMusicPieceFromPlaylist(a))}),t.j41(2,"span",10),t.EFF(3,"playlist_remove"),t.k0s()()()}}function Ye(e,s){1&e&&t.nrm(0,"tr",52)}function xe(e,s){1&e&&t.nrm(0,"tr",53)}function Be(e,s){1&e&&(t.j41(0,"div",56),t.nrm(1,"mat-spinner",37),t.j41(2,"span",38),t.EFF(3),t.nI1(4,"i18next"),t.k0s()()),2&e&&(t.R7$(3),t.SpI(" ",t.bMT(4,1,"LOADING"),""))}function Oe(e,s){if(1&e&&(t.j41(0,"div",54),t.DNE(1,Be,5,3,"div",55),t.nI1(2,"async"),t.k0s()),2&e){const i=t.XpG();t.R7$(),t.Y8G("ngIf",t.bMT(2,1,i.isLoading$))}}function Ue(e,s){1&e&&(t.j41(0,"div"),t.nrm(1,"span",57),t.nI1(2,"i18next"),t.k0s()),2&e&&(t.R7$(),t.Y8G("innerHTML",t.bMT(2,1,"LIBRARY.PLAYLISTS.EMPTY_STATE"),t.npT))}let Qe=(()=>{class e extends y.W{constructor(i,n,a,r,d,M,q){super(),this.activatedRoute=i,this.csdDataService=n,this.qplPlaylistService=a,this.changeDetectorRef=r,this.matDialog=d,this.csdSnackbarService=M,this.router=q,this.numberOfLearnVideos=0,this.PATH_NAME_APP_ENTRY_PAGE_MUSIC_PIECES=o.PATH_NAME_APP_ENTRY_PAGE_MUSIC_PIECES,this.musicPieces$=new g.t([]),this.isLoading$=new g.t(!0),this.activeQueryFilter$=new g.t({}),this.showEmptyList=!1,this.filterFieldTranslationPattern="MODEL.USER.FORM.<fieldId>.LABEL",this.filters=[{fieldId:"name",filter:ge,filterOptions:(0,m.$E)()}],this.routeConstants=o,this.BaseModel=U.tk,this.playlistId=this.activatedRoute.snapshot.paramMap.get(o.PATH_PLAYLIST_ID)}ngOnInit(){this.addSubscription(this.qplPlaylistService.get$(V.N.toGlobalId(this.playlistId)).subscribe(i=>{this.playlist=i,this.changeDetectorRef.markForCheck()})),this.loadMusicPieces()}loadMusicPieces(){this.isLoading$.next(!0),this.addSubscription(this.csdDataService.typedQuery(x.OD,{id:V.N.toGlobalId(this.playlistId)},["data","getMusicPiecesForPlaylist"]).pipe((0,P.M)({next:i=>{const n=i||[];this.musicPieces$.next(n),this.numberOfLearnVideos=n.length,this.showEmptyList=0===n.length,this.isLoading$.next(!1),this.changeDetectorRef.markForCheck()},error:()=>{this.isLoading$.next(!1),this.changeDetectorRef.markForCheck()}})).subscribe())}removeMusicPieceFromPlaylist(i){this.addSubscription(this.qplPlaylistService.removeMusicPieceFromPlaylist(i,this.playlist).subscribe(n=>{this.csdSnackbarService.success("Das Musikst\xfcck wurde erfolgreich aus der Playlitse entfernt."),this.loadMusicPieces()}))}deletePlaylist(){this.qplPlaylistService.delete$(this.playlist.id).subscribe(i=>{i&&(this.csdSnackbarService.info("SNACKBAR.PLAYLIST.DELETED.SUCCESS"),this.router.navigate([o.PATH_LIBRARY_PAGE+"/"+o.PATH_NAME_PLAYLISTS]))},i=>{this.csdSnackbarService.error("SNACKBAR.PLAYLIST.ERROR")})}openPlaylistDialog(){let i=this.matDialog.open(he,{data:{playlist:this.playlist}});i.afterClosed().subscribe(n=>{i=void 0})}printPlaylist(){window.print()}getCoverImage(i){return C.vB.getCoverImageUrl(i,!0)}static{this.\u0275fac=function(n){return new(n||e)(t.rXU(E.nX),t.rXU(I.E),t.rXU(N.Z),t.rXU(t.gRc),t.rXU(h.j),t.rXU(D.J),t.rXU(E.Ix))}}static{this.\u0275cmp=t.VBU({type:e,selectors:[["qpl-library-playlist-detail-page"]],viewQuery:function(n,a){if(1&n&&t.GBs(_e,5),2&n){let r;t.mGM(r=t.lsd())&&(a.changePlaylistNameElement=r.first)}},standalone:!1,features:[t.Vt3],decls:51,vars:22,consts:[[1,"qpl-overview-page-component","qpl-page"],[1,"qpl-overview-container"],[1,"qpl-overview-section-container"],[1,"qad-print-logo"],["src","/assets/images/logo_black_white.svg",1,"qpl-print-only"],[1,"qpl-headline-container"],[1,"qpl-spacer"],["class","qpl-overview-section-container-headline qpl-typo-display-1",4,"ngIf"],[1,"qpl-buttons"],["mat-button","",3,"click"],[1,"material-icons-outlined"],[1,"qpl-playlist-detail-meta-info","qpl-typo-subheading-2"],[4,"ngIf"],["class","qpl-overview-music-pieces-list hidden-desktop",4,"ngIf"],["class","qad-loading-spinner hidden-mobile",4,"ngIf"],["mat-table","",1,"hidden-mobile","qpl-table",3,"dataSource","hidden"],["matColumnDef","title"],["mat-header-cell","",4,"matHeaderCellDef"],["mat-cell","","class","qpl-playlist-detail-table-td-clickable",3,"routerLink",4,"matCellDef"],["matColumnDef","difficulty"],["mat-cell","",4,"matCellDef"],["matColumnDef","musicStyles"],["mat-header-cell","","class","show-larger-than-desktop-only",4,"matHeaderCellDef"],["mat-cell","","class","show-larger-than-desktop-only",4,"matCellDef"],["matColumnDef","genre"],["matColumnDef","recordedBy"],["mat-header-cell","","class","show-larger-than-lg-desktop-only",4,"matHeaderCellDef"],["mat-cell","","class","show-larger-than-lg-desktop-only",4,"matCellDef"],["matColumnDef","actions"],["mat-header-row","",4,"matHeaderRowDef"],["mat-row","",4,"matRowDef","matRowDefColumns"],["class","qpl-overview-music-pieces-l
1ist",4,"ngIf"],[1,"qpl-overview-section-container-headline","qpl-typo-display-1"],[1,"qpl-overview-music-pieces-list","hidden-desktop"],[3,"galleryElement","baseUrl",4,"ngFor","ngForOf"],[3,"galleryElement","baseUrl"],[1,"qad-loading-spinner","hidden-mobile"],["diameter","20",1,"qad-spinner"],[1,"qad-loading-text"],["mat-header-cell",""],["mat-cell","",1,"qpl-playlist-detail-table-td-clickable",3,"routerLink"],[1,"qpl-music-piece-title","qpl-typo-body-2"],[1,"qpl-play-music-video-icon"],[3,"src"],["mat-cell",""],["mat-header-cell","",1,"show-larger-than-desktop-only"],["mat-cell","",1,"show-larger-than-desktop-only"],[1,"qpl-playlist-detail-table-chips-container"],["class","qpl-playlist-detail-table-chips",4,"ngFor","ngForOf"],[1,"qpl-playlist-detail-table-chips"],["mat-header-cell","",1,"show-larger-than-lg-desktop-only"],["mat-cell","",1,"show-larger-than-lg-desktop-only"],["mat-header-row",""],["mat-row",""],[1,"qpl-overview-music-pieces-list"],["class","qad-loading-spinner",4,"ngIf"],[1,"qad-loading-spinner"],[3,"innerHTML"]],template:function(n,a){1&n&&(t.j41(0,"div",0),t.nrm(1,"qpl-breadcrumb-navigation"),t.j41(2,"div",1)(3,"div",2)(4,"div",3),t.nrm(5,"img",4),t.k0s(),t.j41(6,"div",5),t.nrm(7,"div",6),t.DNE(8,ve,2,1,"h1",7),t.j41(9,"div",8)(10,"button",9),t.bIt("click",function(){return a.openPlaylistDialog()}),t.j41(11,"span",10),t.EFF(12," edit "),t.k0s()(),t.j41(13,"button",9),t.bIt("click",function(){return a.deletePlaylist()}),t.j41(14,"span",10),t.EFF(15," delete_outline "),t.k0s()(),t.j41(16,"button",9),t.bIt("click",function(){return a.printPlaylist()}),t.j41(17,"span",10),t.EFF(18," print "),t.k0s()()()(),t.j41(19,"div",11),t.DNE(20,Te,2,1,"span",12)(21,Pe,2,1,"span",12),t.k0s(),t.DNE(22,Ee,3,3,"div",13),t.nI1(23,"async"),t.DNE(24,be,5,3,"div",14),t.nI1(25,"async"),t.j41(26,"table",15),t.nI1(27,"async"),t.qex(28,16),t.DNE(29,Le,2,0,"th",17)(30,Ce,5,3,"td",18),t.bVm(),t.qex(31,19),t.DNE(32,Re,2,0,"th",17)(33,Fe,3,3,"td",20),t.bVm(),t.qex(34,21),t.DNE(35,ke,2,0,"th",22)(36,Se,3,1,"td",23),t.bVm(),t.qex(37,24),t.DNE(38,De,2,0,"th",22)(39,$e,3,1,"td",23),t.bVm(),t.qex(40,25),t.DNE(41,Ge,2,0,"th",26)(42,je,2,1,"td",27),t.bVm(),t.qex(43,28),t.DNE(44,Me,2,0,"th",17)(45,qe,4,0,"td",20),t.bVm(),t.DNE(46,Ye,1,0,"tr",29)(47,xe,1,0,"tr",30),t.k0s(),t.DNE(48,Oe,3,3,"div",31),t.nI1(49,"async"),t.DNE(50,Ue,3,3,"div",12),t.k0s()()()),2&n&&(t.R7$(8),t.Y8G("ngIf",a.playlist),t.R7$(12),t.Y8G("ngIf",a.playlist&&a.playlist.numberOfMusicPieces>1),t.R7$(),t.Y8G("ngIf",a.playlist&&1==a.playlist.numberOfMusicPieces),t.R7$(),t.Y8G("ngIf",0==a.showEmptyList&&!1===t.bMT(23,11,a.isLoading$)),t.R7$(2),t.Y8G("ngIf",t.bMT(25,13,1==a.showEmptyList&&a.isLoading$)),t.R7$(2),t.Y8G("dataSource",t.bMT(27,15,a.musicPieces$)||t.lJ4(19,ye))("hidden",a.showEmptyList),t.R7$(20),t.Y8G("matHeaderRowDef",t.lJ4(20,J)),t.R7$(),t.Y8G("matRowDefColumns",t.lJ4(21,J)),t.R7$(),t.Y8G("ngIf",0==a.showEmptyList&&!1===t.bMT(49,17,a.isLoading$)),t.R7$(2),t.Y8G("ngIf",1==a.showEmptyList))},dependencies:[p.Sq,p.bT,k.$z,R.LG,F.C,B.P,u.Wk,c.Zl,c.tL,c.ji,c.cC,c.YV,c.iL,c.KS,c.$R,c.YZ,c.NB,p.Jj,f.ov],encapsulation:2,changeDetection:0})}}return e})();var Ve=l(61593),He=l(20153),j=l(33614),we=l(13848),Xe=l(92809),b=l(94861),Je=l(84862),Ke=l(61259),We=l(72383);function ze(e,s){1&e&&(t.j41(0,"div",15),t.nrm(1,"mat-spinner",16),t.j41(2,"span",17),t.EFF(3),t.nI1(4,"i18next"),t.k0s()()),2&e&&(t.R7$(3),t.SpI(" ",t.bMT(4,1,"LOADING"),""))}function Ze(e,s){if(1&e&&(t.j41(0,"div",13),t.DNE(1,ze,5,3,"div",14),t.k0s()),2&e){const i=t.XpG();t.R7$(),t.Y8G("ngIf",i.isLoading)}}function ti(e,s){if(1&e){const i=t.RV6();t.j41(0,"a",18),t.bIt("click",function(){t.eBV(i);const a=t.XpG();return t.Njj(a.updateNotes(!0))}),t.j41(1,"mat-icon",19),t.EFF(2,"\nschedule\n"),t.k0s(),t.EFF(3,"Sortieren nach zuletzt gespielt"),t.k0s()}}function ei(e,s){if(1&e){const i=t.RV6();t.j41(0,"a",18),t.bIt("click",function(){t.eBV(i);const a=t.XpG();return t.Njj(a.updateNotes())}),t.j41(1,"mat-icon",19),t.EFF(2,"\nsort_by_alpha\n"),t.k0s(),t.EFF(3,"Alphabethisch sortieren "),t.k0s()}}function ii(e,s){if(1&e&&(t.j41(0,"div",33),t.nrm(1,"img",34),t.k0s()),2&e){const i=s.ngIf;t.R7$(),t.FS9("src",i,t.B4B)}}function ni(e,s){1&e&&t.nrm(0,"div",33)}function ai(e,s){1&e&&(t.j41(0,"span"),t.EFF(1," Markierungen"),t.k0s())}function si(e,s){1&e&&(t.j41(0,"span"),t.EFF(1," Markierung"),t.k0s())}function li(e,s){if(1&e&&(t.j41(0,"span",44),t.EFF(1),t.nI1(2,"hoursMinutesSeconds"),t.k0s()),2&e){const i=t.XpG().$implicit;t.R7$(),t.SpI("- ",t.bMT(2,1,i.endSeconds)," ")}}function oi(e,s){1&e&&(t.j41(0,"mat-icon"),t.EFF(1,"repeat"),t.k0s())}function ri(e,s){if(1&e){const i=t.RV6();t.j41(0,"div",35)(1,"div",36)(2,"button",18),t.bIt("click",function(){const a=t.eBV(i).$implicit,r=t.XpG
1().$implicit,d=t.XpG();return t.Njj(d.navigateToNote(r,a))}),t.nrm(3,"img",37),t.k0s(),t.j41(4,"div",38)(5,"div",39)(6,"span"),t.EFF(7),t.nI1(8,"hoursMinutesSeconds"),t.k0s(),t.DNE(9,li,3,3,"span",40)(10,oi,2,0,"mat-icon",28),t.k0s(),t.nrm(11,"div",41),t.j41(12,"div",42),t.EFF(13),t.k0s(),t.j41(14,"div",43),t.EFF(15),t.nI1(16,"i18next"),t.k0s()()()()}if(2&e){const i=s.$implicit;t.R7$(7),t.JRh(t.bMT(8,5,i.startSeconds)),t.R7$(2),t.Y8G("ngIf",i.endSeconds),t.R7$(),t.Y8G("ngIf",i.endSeconds),t.R7$(3),t.JRh(i.title),t.R7$(2),t.JRh(t.bMT(16,7,"MUSIC_PIECE.PITCH."+i.pitch))}}function ci(e,s){if(1&e){const i=t.RV6();t.j41(0,"div",20)(1,"div",21)(2,"div",22)(3,"a",23),t.bIt("click",function(){const a=t.eBV(i).$implicit,r=t.XpG();return t.Njj(r.navigateToNote(a))}),t.DNE(4,ii,2,1,"div",24)(5,ni,1,0,"div",24),t.k0s(),t.j41(6,"div",25)(7,"span",26)(8,"a",23),t.bIt("click",function(){const a=t.eBV(i).$implicit,r=t.XpG();return t.Njj(r.navigateToNote(a))}),t.EFF(9),t.k0s()(),t.j41(10,"span",27),t.bIt("click",function(a){t.eBV(i);const r=t.XpG();return t.Njj(r.showContent(a))}),t.EFF(11),t.DNE(12,ai,2,0,"span",28)(13,si,2,0,"span",28),t.j41(14,"button",29),t.bIt("click",function(a){t.eBV(i);const r=t.XpG();return t.Njj(r.showContent(a))}),t.nrm(15,"img",30),t.k0s()()()(),t.j41(16,"div",31),t.DNE(17,ri,17,9,"div",32),t.k0s()()()}if(2&e){const i=s.$implicit,n=t.XpG();t.R7$(4),t.Y8G("ngIf",n.getCoverImage(i)),t.R7$(),t.Y8G("ngIf",!n.getCoverImage(i)),t.R7$(4),t.JRh(i.title),t.R7$(2),t.SpI("",i.learnVideoNotes.length," "),t.R7$(),t.Y8G("ngIf",i.learnVideoNotes.length>1),t.R7$(),t.Y8G("ngIf",1==i.learnVideoNotes.length),t.R7$(4),t.Y8G("ngForOf",i.learnVideoNotes)}}function pi(e,s){1&e&&(t.j41(0,"div",45),t.nrm(1,"img",46),t.j41(2,"p"),t.EFF(3),t.nI1(4,"i18next"),t.k0s()()),2&e&&(t.R7$(3),t.SpI(" ",t.bMT(4,1,"LIBRARY.NOTES.EXPLANATION"),""))}let K=(()=>{class e extends y.W{constructor(i,n,a,r,d){super(),this.csdDataService=i,this.changeDetectorRef=n,this.router=a,this.activatedRoute=r,this.qplNoteService=d,this.showEmptyList=!1,this.baseUrl="",this.BaseLearnVideo=C.vB,this.isLoading=!0,this.PATH_NAME_APP_ENTRY_PAGE_MUSIC_PIECES=o.PATH_NAME_APP_ENTRY_PAGE_MUSIC_PIECES,this.routeConstants=o,this.orderByTime=!1}ngOnInit(){this.subscription=this.qplNoteService.getAllNotesForUser$(this.orderByTime).subscribe(i=>{0===i.length&&(this.showEmptyList=!0),this.showEmptyList=!1,this.learnVideos=i,this.isLoading=!1,this.changeDetectorRef.markForCheck()})}ngOnDestroy(){}getCoverImage(i){return C.vB.getCoverImageUrl(i,!0)}showContent(i){let n;i.stopPropagation(),i.target.src?n=i.target:(n=i.target.getElementsByTagName("img")[0],n||(n=i.target.closest(".qpl-number-of-notes").getElementsByTagName("img")[0]));let a=i.target.closest(".qpl-number-of-notes").closest(".qpl-learn-video-header").nextSibling;a.classList.contains(b.Wy)?(a.classList.remove(b.Wy),n.src=b.Am):(a.classList.add(b.Wy),n.src=b.rR),this.changeDetectorRef.markForCheck()}updateNotes(i=!1){this.orderByTime=i,this.subscription.unsubscribe(),this.subscription=this.qplNoteService.getAllNotesForUser$(i).subscribe(n=>{0===n.length&&(this.showEmptyList=!0),this.showEmptyList=!1,this.learnVideos=n,this.isLoading=!1,this.changeDetectorRef.markForCheck()})}navigateToNote(i,n){let a={};n&&(a={t:2,n:String(n.id).includes(":")?Je.L.idFromGlobalId(n.id):n.id}),this.router.navigate([o.PATH_NAME_APP_ENTRY_PAGE_MUSIC_PIECES+"/"+i.publicUuid],{relativeTo:this.activatedRoute,queryParams:a})}static{this.\u0275fac=function(n){return new(n||e)(t.rXU(I.E),t.rXU(t.gRc),t.rXU(E.Ix),t.rXU(E.nX),t.rXU(Ke.v))}}static{this.\u0275cmp=t.VBU({type:e,selectors:[["qpl-library-notes-page"]],standalone:!1,features:[t.Vt3],decls:16,vars:9,consts:[[1,"qpl-overview-page-component","qpl-page"],[3,"filter","filterValue"],[1,"qpl-overview-container"],[1,"qpl-overview-section-container"],[1,"qpl-overview-section-container-headline","qpl-typo-display-1"],["class","qpl-overview-music-pieces-list",4,"ngIf"],[3,"hidden"],[1,""],[1,"qpl-heading-row"],[1,"qpl-actions"],["mat-button","",3,"click",4,"ngIf"],["class","qpl-box-container",4,"ngFor","ngForOf"],["class","qpl-empty-state qpl-notes-empty-state",4,"ngIf"],[1,"qpl-overview-music-pieces-l
1ist"],["class","qad-loading-spinner",4,"ngIf"],[1,"qad-loading-spinner"],["diameter","20",1,"qad-spinner"],[1,"qad-loading-text"],["mat-button","",3,"click"],[1,"material-symbols-outlined"],[1,"qpl-box-container"],[1,"qpl-learn-video","qpl-module"],[1,"qpl-learn-video-header"],[3,"click"],["class","qpl-music-piece-title qpl-typo-body-2",4,"ngIf"],[1,"qpl-learn-video-title","qpl-module-title"],[1,"qpl-title"],[1,"qpl-number-of-notes",3,"click"],[4,"ngIf"],["mat-button","",1,"caret",3,"click"],["src","/assets/images/icons/caret-down.svg"],[1,"qpl-content","qpl-video-highlights"],["class","qpl-video-highlight",4,"ngFor","ngForOf"],[1,"qpl-music-piece-title","qpl-typo-body-2"],[1,"qpl-play-music-video-icon",3,"src"],[1,"qpl-video-highlight"],[1,"qpl-note"],["src","/assets/images/icons/icon-dark-play.svg"],[1,"qpl-note-content"],[1,"qpl-timestamp"],["class","qpl-loop",4,"ngIf"],[1,"qpl-part"],[1,"qpl-note-title"],[1,"qpl-note-pitch"],[1,"qpl-loop"],[1,"qpl-empty-state","qpl-notes-empty-state"],["src","assets/images/explanation-notes.svg","alt","notes"]],template:function(n,a){1&n&&(t.j41(0,"div",0),t.nrm(1,"qpl-breadcrumb-navigation",1),t.j41(2,"div",2)(3,"div",3)(4,"h1",4),t.EFF(5),t.nI1(6,"i18next"),t.k0s(),t.DNE(7,Ze,2,1,"div",5),t.j41(8,"span",6)(9,"div",7)(10,"div",8)(11,"div",9),t.DNE(12,ti,4,0,"a",10)(13,ei,4,0,"a",10),t.k0s()(),t.DNE(14,ci,18,7,"div",11),t.k0s()(),t.DNE(15,pi,5,3,"div",12),t.k0s()()()),2&n&&(t.R7$(5),t.SpI(" ",t.bMT(6,7,"LIBRARY.NOTES.TITLE")," "),t.R7$(2),t.Y8G("ngIf",0==a.showEmptyList&&a.isLoading),t.R7$(),t.Y8G("hidden",!0===a.showEmptyList||!0===a.isLoading),t.R7$(4),t.Y8G("ngIf",!a.orderByTime),t.R7$(),t.Y8G("ngIf",a.orderByTime),t.R7$(),t.Y8G("ngForOf",a.learnVideos),t.R7$(),t.Y8G("ngIf",1==a.showEmptyList))},dependencies:[p.Sq,p.bT,T.An,k.It,k.$z,R.LG,F.C,We.b,f.ov],encapsulation:2,changeDetection:0})}}return e})();var L=l(17312);const di=[{path:"",canActivate:[],children:[{path:"",component:st},{path:"",component:W.I,outlet:"main-toolbar"},{path:"",component:we.q,outlet:"main-footer"},{path:o.PATH_NAME_BOOKMARKS,component:qt},{path:o.PATH_NAME_BOOKMARKS+"/:"+o.PATH_PUBLIC_VIDEO_UUID,component:L.T},{path:o.PATH_NAME_BOOKMARKS+"/:"+o.PATH_PUBLIC_VIDEO_UUID+"/"+o.PATH_NAME_SUBSCRIPTION+"/:"+o.PATH_DIGISTORE_PRODUCT_ID,component:j.z},{path:o.PATH_NAME_PLAYLISTS,component:Xt},{path:o.PATH_NAME_PLAYLISTS+"/:"+o.PATH_PLAYLIST_ID+"/"+o.PATH_NAME_APP_ENTRY_PAGE_MUSIC_PIECES+"/:"+o.PATH_PUBLIC_VIDEO_UUID,component:L.T},{path:o.PATH_NAME_PLAYLISTS+"/:"+o.PATH_PLAYLIST_ID+"/"+o.PATH_NAME_APP_ENTRY_PAGE_MUSIC_PIECES+"/:"+o.PATH_PUBLIC_VIDEO_UUID+"/"+o.PATH_NAME_SUBSCRIPTION+"/:"+o.PATH_DIGISTORE_PRODUCT_ID,component:j.z},{path:o.PATH_NAME_PLAYLISTS+"/:"+o.PATH_PLAYLIST_ID,component:Qe},{path:o.PATH_PLAYLIST_PAGE+"/:"+o.PATH_PLAYLIST_ID+"/:"+o.PATH_PUBLIC_VIDEO_UUID,component:L.T},{path:o.PATH_NAME_MY_COURSES,component:Ve.x,data:{dataSource:"user",pageTitle:"LIBRARY.MY_COURSES",parentUrl:"/library"}},{path:o.PATH_NAME_MY_COURSES+"/:"+o.PATH_COURSE_ID+"/"+o.PATH_NAME_APP_ENTRY_PAGE_MUSIC_PIECES+"/:"+o.PATH_PUBLIC_VIDEO_UUID,component:L.T},{path:o.PATH_NAME_MY_COURSES+"/:"+o.PATH_COURSE_ID+"/"+o.PATH_NAME_APP_ENTRY_PAGE_ARTICLE+"/:"+o.PATH_ARTICLE_ID,component:Xe.f},{path:o.PATH_NAME_MY_COURSES+"/:"+o.PATH_COURSE_ID,component:He.k},{path:o.PATH_NAME_NOTES,component:K},{path:o.PATH_NAME_NOTES+"/"+o.PATH_NAME_APP_ENTRY_PAGE_MUSIC_PIECES+"/:"+o.PATH_PUBLIC_VIDEO_UUID,component:L.T},{path:o.PATH_NAME_NOTES+"/"+o.PATH_NAME_APP_ENTRY_PAGE_MUSIC_PIECES+"/:"+o.PATH_PUBLIC_VIDEO_UUID+"/"+o.PATH_NAME_SUBSCRIPTION+"/:"+o.PATH_DIGISTORE_PRODUCT_ID,component:j.z},{path:o.PATH_NAME_NOTES,component:K}]}];let mi=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275mod=t.$C({type:e})}static{this.\u0275inj=t.G2t({imports:[u.iI.forChild(di),ut,u.iI]})}}return e})()}}]);
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.