https://www.picta.cu/chunk-D7RUNJHR.js

1import{a as _t}from"./chunk-DB7XTXTG.js";import{a as S}from"./chunk-UGTCBWBF.js";import{a as pt,b as mt,c as dt,e as ut,g as yt,h as ft}from"./chunk-DKIWUYJ7.js";import"./chunk-EFEUVRTQ.js";import{a as T}from"./chunk-C2CXA7WV.js";import"./chunk-HYRBOPGT.js";import"./chunk-EYO2CZAY.js";import"./chunk-3WNRIFEQ.js";import{a as lt,b as rt,c as st,f as ct}from"./chunk-NYXUNNMY.js";import"./chunk-HKRAKNVJ.js";import"./chunk-IW734PDP.js";import"./chunk-B2X7AOXU.js";import"./chunk-NXZ7JDXV.js";import{a as A}from"./chunk-XEPBFDJF.js";import{e as M}from"./chunk-RVTWJWWP.js";import"./chunk-ZDMOPF7F.js";import"./chunk-62LYHI3L.js";import"./chunk-KTO6BYMR.js";import"./chunk-2S4X4ESB.js";import{d as ot}from"./chunk-RUM2CN4R.js";import{a as et}from"./chunk-DITSVDGA.js";import"./chunk-GCXUXNHA.js";import{b as v}from"./chunk-3NROQSIY.js";import"./chunk-5SKMEDWG.js";import"./chunk-2NWLW3HP.js";import"./chunk-IVMPXJWF.js";import{b as R}from"./chunk-JIV275PZ.js";import{a as j}from"./chunk-2OWZ2TBH.js";import{d as B,f as C}from"./chunk-3ZPVRMNG.js";import{b as it,c as L,d as nt,e as at}from"./chunk-G7RXX7IH.js";import"./chunk-MYLYOYCM.js";import"./chunk-75IHVGZD.js";import"./chunk-U5RLQRDB.js";import"./chunk-IDUMNO4Z.js";import{h}from"./chunk-FNP2BI74.js";import"./chunk-KWMJG4OT.js";import"./chunk-ONMXOEH4.js";import"./chunk-7ANDE2UA.js";import"./chunk-GUSEJUI7.js";import"./chunk-4FQ3FVOY.js";import"./chunk-XJUSSLXV.js";import"./chunk-ZPWEOMQQ.js";import"./chunk-P5RAGEQI.js";import"./chunk-T7ZARZZ5.js";import{d as tt}from"./chunk-3QRWVSTW.js";import"./chunk-TDULDTP2.js";import"./chunk-PNGJYQBO.js";import"./chunk-XID2BBVI.js";import{n as Z}from"./chunk-YMO67BIY.js";import"./chunk-UVKJXXAK.js";import"./chunk-SZJWJXKL.js";import{Aa as G,Fb as b,Gd as P,Hc as E,Jc as K,La as H,Lb as J,Lc as l,Mc as g,Nc as F,P as z,_b as k,ac as O,bd as W,cc as I,da as Pt,dc as D,dd as X,ec as V,fc as f,gc as i,hc as a,ic as _,kb as Q,ma as s,pb as p,pc as x,pd as Y,qd as U,ua as d,va as u,vc as m,xc as y}from"./chunk-S25MYU5S.js";import{i as w}from"./chunk-ODN5LVDJ.js";P();P();P();P();function Ct(o,e){if(o&1){let t=x();i(0,"mat-list-item",0),_(1,"img",1),i(2,"div",2),l(3),a(),i(4,"div",3),l(5),a(),i(6,"div",4)(7,"a",5),m("click",function(){let r=d(t).$implicit,c=y();return u(c.goTo(r))}),i(8,"mat-icon"),l(9,"play_circle_outline"),a()(),i(10,"button",6),m("click",function(){let r=d(t).$implicit,c=y();return u(c.removeFromList(r.id))}),i(11,"mat-icon"),l(12,"delete"),a()()()()}if(o&2){let t=e.$implicit;p(),f("src",t.url_imagen+"_130x90",Q),p(2),g(t.nombre),p(2),g(t.duracion)}}var N=class o{userPlaylistService=s(S);route=s(B);dialog=s(M);snackBar=s(v);publicationService=s(A);router=s(C);playlist=U(void 0);constructor(){}ngOnInit(){}removeFromList(e){this.dialog.open(T,{data:{msg:"\xBFEst\xE1s seguro que deseas quitar esta publicaci\xF3n de la lista?"}}).afterClosed().subscribe(t=>{t&&(this.playlist().publicacion=this.playlist().publicacion.filter(n=>n.id!==e),this.userPlaylistService.update(this.playlist().id,{publicacion:this.playlist().publicacion.map(n=>n.id)}).subscribe(()=>{this.snackBar.open("Publicaci\xF3n quitada de la lista")}))})}goTo(t){return w(this,arguments,function*({id:e}){let n=yield this.publicationService.getPublications({id:e}).toPromise();this.router.navigate(["/medias",n.results[0].slug_url],{queryParams:{playlist:this.playlist().id}})})}static \u0275fac=function(t){return new(t||o)};static \u0275cmp=b({type:o,selectors:[["app-playlist-edit"]],inputs:{playlist:[1,"playlist"]},decls:3,vars:0,consts:[[1,"py-3"],["matListItemIcon","",3,"src"],["matListItemTitle",""],["matListItemLine",""],["matListItemMeta","",1,"flex","items-center","gap-2"],["color","accent","mat-icon-button","",3,"click"],["color","accent","mat-icon-button","","title","Quitar de la lista",3,"click"]],template:function(t,n){if(t&1&&(i(0,"mat-list"),D(1,Ct,13,3,"mat-list-item",0,I),a()),t&2){let r;p(),V((r=n.playlist())==null?null:r.publicacion)}},dependencies:[yt,ft,ut,pt,mt,dt,L,h],styles:["mat-list-item[_ngcontent-%COMP%]{height:auto!important;min-height:72px}mat-list-item[_ngcontent-%COMP%]:hover{cursor:pointer;background-color:#1b2f4880}mat-list-item[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:120px;height:68px;border-radius:4px;margin-right:16px;object-fit:cover;flex-shrink:0}mat-list-item[_ngcontent-%COMP%]     .mat-mdc-list-item-unscoped-content{overflow:visible;white-space:normal}mat-list-item[_ngcontent-%COMP%]     .mdc-list-item__primary-text, mat-list-item[_ngcontent-%COMP%]     .mat-list-item-title{overflow:visible!important;text-overflow:unset!important;white-space:normal!important;word-break:break-word}mat-list-item[_ngcontent-%COMP%]     .mdc-list-item__secondary-text, mat-list-item[_ngcontent-%COMP%]     .mat-list-item-line{overflow:visible!important;text-overflow:unset!important;white-space:normal!important;word-break:break-word}mat-list-item[_ngcontent-%COMP%]     .mat-mdc-icon-button.mat-accent .mat-icon{color:#f3e628}mat-list-item[_ngcontent-%COMP%]     .mat-mdc-icon-button.mat-accent:hover{background-color:#f3e6281a}"]})};P();function vt(o,e){o&1&&(i(0,"mat-icon",9),l(1,"edit"),a())}function ht(o,e){if(o&1&&_(0,"app-playlist-edit",19),o&2){let t=y().$implicit;f("playlist",t)}}function Mt(o,e){if(o&1){let t=x();i(0,"mat-expansion-panel",4,0)(2,"mat-expansion-panel-header",5),m("click",function(){d(t);let r=E(1);return u(r.expanded?r.close():r.open())}),i(3,"div",6)(4,"mat-icon",7),l(5,"playlist_play"),a(),i(6,"div",8)(7,"div"),l(8),a(),i(9,"div"),l(10),a()(),k(11,vt,2,0,"mat-icon",9),i(12,"span",10),l(13),W(14,"date"),a(),i(15,"div",11)(16,"a",12),m("click",function(r){d(t);let c=E(1);return r.stopPropagation(),u(c.expanded?c.close():c.open())}),i(17,"mat-icon"),l(18),a()(),i(19,"button",13),m("click",function(){let r=d(t).$implicit,c=y(2);return u(c.delete(r))}),i(20,"mat-icon"),l(21,"delete"),a()(),i(22,"a",14),m("click",function(r){let c=d(t).$implicit,$=y(2);return r.stopPropagation(),u($.goToPlaylist(c))}),i(23,"mat-icon"),l(24,"play_arrow"),a()()(),i(25,"div",15)(26,"a",16),m("click",function(r){d(t);let c=E(1);return r.stopPropagation(),u(c.expanded?c.close():c.open())}),i(27,"mat-icon"),l(28),a(),l(29),a(),i(30,"button",17),m("click",function(){let r=d(t).$implicit,c=y(2);return u(c.delete(r))}),i(31,"mat-icon"),l(32,"delete"),a(),l(33," Eliminar "),a(),i(34,"a",14),m("click",function(r){let c=d(t).$implicit,$=y(2);return r.stopPropagation(),u($.goToPlaylist(c))}),i(35,"mat-icon"),l(36,"play_arrow"),a()()()()(),J(37,ht,1,1,"ng-template",18),a()}if(o&2){let t=e.$implicit,n=E(1);K("opened",n.expanded),p(8),g(t.nombre),p(2),F(" ",t.publicacion.length," videos"),p(),O(n.expanded?11:-1),p(2),F("Creada el ",X(14,9,t.fecha,"short")),p(5),g(n.exp

1anded?"save":"edit"),p(10),g(n.expanded?"save":"edit"),p(),F(" ",n.expanded?"Guardar":"Editar"," ")}}function St(o,e){if(o&1&&(i(0,"div",2)(1,"mat-accordion"),D(2,Mt,38,12,"mat-expansion-panel",3,I),a()()),o&2){let t=y();p(2),V(t.playlists())}}function wt(o,e){o&1&&(i(0,"div",1),_(1,"mat-spinner",20),i(2,"span",21),l(3,"Cargando"),a()()),o&2&&(p(),f("diameter",30))}var q=class o{userPlaylistService=s(S);dialog=s(M);snackBar=s(v);router=s(C);route=s(B);publicationService=s(A);playlists=U(void 0);onDelete=Y();selectedPlaylist;constructor(){}ngOnInit(){}ngAfterViewInit(){}delete(e){let t=e.id;t!=null&&this.dialog.open(T,{data:{msg:"\xBFEst\xE1s seguro que desea eliminar esta lista?"}}).afterClosed().subscribe(n=>{n&&(this.onDelete.emit(t),this.selectedPlaylist?.id===t&&delete this.selectedPlaylist)})}removeFromList(e){this.dialog.open(T,{data:{msg:"\xBFEst\xE1s seguro que deseas quitar esta publicaci\xF3n de la lista?"}}).afterClosed().subscribe(t=>{t&&(this.selectedPlaylist.publicacion=this.selectedPlaylist.publicacion.filter(n=>n.id!==e),this.userPlaylistService.update(this.selectedPlaylist.id,{publicacion:this.selectedPlaylist.publicacion.map(n=>n.id)}).subscribe(()=>{this.snackBar.open("Publicaci\xF3n quitada de la lista")}))})}goToPlaylist(e){return w(this,null,function*(){let t=yield this.publicationService.getPublications({id:e.publicacion[0].id}).toPromise();this.router.navigate(["/medias",t.results[0].slug_url],{queryParams:{playlist:e.id}})})}goTo(t){return w(this,arguments,function*({id:e}){let n=yield this.publicationService.getPublications({id:e}).toPromise();this.router.navigate(["/medias",n.results[0].slug_url],{queryParams:{playlist:this.selectedPlaylist.id}})})}ngOnChanges(e){this.selectFirst()}selectFirst(){let e=this.playlists();e&&e.length&&(this.selectedPlaylist=e[0])}static \u0275fac=function(t){return new(t||o)};static \u0275cmp=b({type:o,selectors:[["app-playlist-table"]],inputs:{playlists:[1,"playlists"]},outputs:{onDelete:"onDelete"},features:[H],decls:3,vars:1,consts:[["matExpansionPanel",""],[1,"flex"],[1,"container6"],["togglePosition","before",3,"opened"],["togglePosition","before"],[1,"p-3","flex",3,"click"],[1,"flex","items-center","flex-grow-1"],[1,"mr-3"],[1,"flex","flex-col"],[1,"none","md:block","ml-3"],[1,"none","md:block","mx-auto",2,"font-weight","bold"],[1,"buttons","ml-auto","block","md:none"],["color","accent","mat-icon-button","","title","Editar lista",1,"",3,"click"],["color","accent","mat-icon-button","","title","Eliminar lista",1,"",3,"click"],["color","accent","mat-icon-button","","title","Reproducir lista",1,"",3,"click"],[1,"buttons-md","ml-auto","none","md:block"],["color","accent","mat-raised-button","","title","Editar lista",1,"mr-2",3,"click"],["color","accent","mat-raised-button","","title","Eliminar lista",1,"mr-2",3,"click"],["matExpansionPanelContent",""],[3,"playlist"],["aria-label","cargando",3,"diameter"],[1,"ml-3"]],template:function(t,n){t&1&&(i(0,"div",1),k(1,St,4,0,"div",2)(2,wt,4,1,"div",1),a()),t&2&&(p(),O(n.playlists()?1:2))},dependencies:[ct,rt,st,h,L,at,lt,N,R,Z],styles:[".full-width-table[_ngcontent-%COMP%]{width:100%}mat-card[_ngcontent-%COMP%]{background-color:#2d8cf033}.mat-list-option[_ngcontent-%COMP%]   .mat-list-avatar[_ngcontent-%COMP%]{width:180px;height:80px;border-radius:0}.post-list[_ngcontent-%COMP%]{max-height:700px}mat-expansion-panel[_ngcontent-%COMP%]{background-color:transparent!important}mat-expansion-panel[_ngcontent-%COMP%]   mat-expansion-panel-header[_ngcontent-%COMP%]:hover, mat-expansion-panel[_ngcontent-%COMP%]:hover, mat-expansion-panel.opened[_ngcontent-%COMP%]{background-color:#1b2f48!important}.buttons-md[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}.buttons-md[_ngcontent-%COMP%]     .mat-mdc-raised-button.mat-accent{background-color:#f3e628;color:#272727}.buttons-md[_ngcontent-%COMP%]     .mat-mdc-raised-button.mat-accent:hover{background-color:#ffef4e}.buttons-md[_ngcontent-%COMP%]     .mat-mdc-raised-button.mat-accent .mat-icon{margin-right:8px}.buttons-md[_ngcontent-%COMP%]     .mat-mdc-icon-button.mat-accent{color:#f3e628}.buttons-md[_ngcontent-%COMP%]     .mat-mdc-icon-button.mat-accent:hover{background-color:#f3e6281a}.buttons[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}.buttons[_ngcontent-%COMP%]     .mat-mdc-icon-button.mat-accent{color:#f3e628}.buttons[_ngcontent-%COMP%]     .mat-mdc-icon-button.mat-accent:hover{background-color:#f3e6281a}"]})};Pt();P();function kt(o,e){o&1&&(i(0,"div",12),_(1,"mat-spinner",15),i(2,"

1span",16),l(3,"Cargando listas..."),a()()),o&2&&(p(),f("diameter",40))}function Ot(o,e){if(o&1){let t=x();i(0,"app-playlist-table",17),m("onDelete",function(r){d(t);let c=y();return u(c.delete(r))}),a()}if(o&2){let t=y();f("playlists",t.playlists)}}function Et(o,e){o&1&&(i(0,"div",14)(1,"span"),l(2,"No tienes listas creadas todav\xEDa."),a()())}var xt=class o{userPlaylistService=s(S);dialog=s(M);snackBar=s(v);credentialsService=s(et);authService=s(ot);router=s(C);titleService=s(tt);destroyRef=s(G);playlists=[];user;loading=!1;constructor(){}ngOnInit(){this.titleService.setTitle("Mis listas - Perfil"),this.userPlaylistService.onPlaylistChanged.pipe(j(this.destroyRef)).subscribe(()=>{this.loadUserPlaylists()}),this.credentialsService.credentials&&this.credentialsService.credentials.user&&(this.user=this.credentialsService.credentials.user),this.authService.user$.pipe(j(this.destroyRef)).subscribe(e=>{e?(this.user=e,this.loadUserPlaylists()):this.router.navigate([""])})}openCreateDialog(){this.dialog.open(_t).afterClosed().subscribe(e=>{e&&this.userPlaylistService.create(e).subscribe(t=>{this.loadUserPlaylists()})})}delete(e){e!=null&&this.userPlaylistService.delete(e).subscribe(()=>{this.snackBar.open("Lista eliminada"),this.loadUserPlaylists()})}loadUserPlaylists(){let e=this.user?.id||this.credentialsService.credentials?.user?.id;if(!e){this.playlists=[];return}this.loading=!0,this.userPlaylistService.getAll({usuario_id:e}).pipe(z(()=>this.loading=!1)).subscribe(t=>{this.playlists=[...t.results]})}static \u0275fac=function(t){return new(t||o)};static \u0275cmp=b({type:o,selectors:[["app-my-playlist"]],decls:22,vars:1,consts:[[1,"playlists-page","px-6","md:px-12","py-4","flex","flex-col","items-center"],[1,"w-full","max-w-5xl"],[1,"profile-header","mb-5"],[1,"profile-header-title"],[1,"profile-header-subtitle"],[1,"profile-card","p-6","md:p-10"],[1,"flex","justify-between","items-center","mb-6"],[1,"font-secondary","text-lg"],["color","primary","mat-flat-button","",1,"hidden","md:inline-flex",3,"click"],[1,"mr-2"],["color","primary","mat-icon-button","",1,"md:hidden",3,"click"],[1,"border-t","border-white/10","pt-6"],[1,"profile-loading"],[3,"playlists"],[1,"playlist-state"],["aria-label","cargando",1,"profile-loading-spinner",3,"diameter"],[1,"profile-loading-text"],[3,"onDelete","playlists"]],template:function(t,n){t&1&&(i(0,"main",0)(1,"div",1)(2,"header",2)(3,"h1",3),l(4,"Mis listas"),a(),i(5,"p",4),l(6,"Organiza tus contenidos favoritos en colecciones personalizadas."),a()(),i(7,"div",5)(8,"div",6)(9,"h2",7),l(10,"Listas disponibles"),a(),i(11,"button",8),m("click",function(){return n.openCreateDialog()}),i(12,"mat-icon",9),l(13,"add_circle"),a(),l(14," Crear lista "),a(),i(15,"button",10),m("click",function(){return n.openCreateDialog()}),i(16,"mat-icon"),l(17,"add_circle"),a()()(),i(18,"div",11),k(19,kt,4,1,"div",12)(20,Ot,1,1,"app-playlist-table",13)(21,Et,3,0,"div",14),a()()()()),t&2&&(p(19),O(n.loading?19:n.playlists!=null&&n.playlists.length?20:21))},dependencies:[nt,h,it,R,q],styles:['[_ngcontent-%COMP%]:root{--picta-font-primary: "Bebas Neue", sans-serif;--picta-font-secondary: "Abel", sans-serif;--picta-font-body: "Roboto", sans-serif;--picta-yellow: #f3e628;--picta-yellow-soft: rgba(243, 230, 40, .16);--picta-yellow-softer: rgba(243, 230, 40, .08);--picta-yellow-border: rgba(243, 230, 40, .28);--picta-text-muted: rgba(244, 247, 251, .6);--picta-accent: #e8462e}.profile-card[_ngcontent-%COMP%]{background:radial-gradient(circle at top right,var(--picta-yellow-softer),transparent 34%),linear-gradient(180deg,#0a1126fa,#101935fa);border:1px solid var(--picta-yellow-border);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 36px #00000057}.profile-loading[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:16px;background:radial-gradient(circle at top right,var(--picta-yellow-softer),transparent 34%),linear-gradient(180deg,#0a1126fa,#101935fa);border:1px solid var(--picta-yellow-border);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:40px}.profile-loading-spinner[_ngcontent-%COMP%]{--mdc-circular-progress-active-indicator-color: var(--picta-yellow)}.profile-loading-text[_ngcontent-%COMP%]{font-family:var(--picta-font-body);font-size:.95rem;color:var(--picta-text-muted)}.playlists-page[_ngcontent-%COMP%]{min-height:100vh}.playlists-page[_ngcontent-%COMP%]   .playlists-page-header[_ngcontent-%COMP%]{margin-top:4px}.playlists-page[_ngcontent-%COMP%]   .playlists-page-title[_ngcontent-%COMP%]{font-family:var(--picta-font-primary);font-size:clamp(1.2rem,1.9vw,1.7rem);font-weight:400;letter-spacing:.03em;margin:0}.playlists-page[_ngcontent-%COMP%]   .playlists-page-subtitle[_ngcontent-%COMP%]{color:var(--picta-text-muted);font-family:var(--picta-font-body);margin:6px 0 0}.playlists-page[_ngcontent-%COMP%]   .playlist-state[_ngcontent-%COMP%]{align-items:center;color:var(--picta-text-muted);display:flex;gap:10px;justify-content:center;min-height:96px}@media(max-width:767px){.profile-loading[_ngcontent-%COMP%]{padding:20px;min-height:150px}}']}

1)};export{xt as MyPlaylistComponent};