1"use strict";(self.webpackChunkeMusicAngular=self.webpackChunkeMusicAngular||[]).push([[2276],{2276:(q,l,_)=>{_.r(l),_.d(l,{MyNftsComponent:()=>j});var n=_(5e3),d=_(9671),r=(()=>{return(e=r||(r={})).TRANSACTION_IN_PROGRESS="TRANSACTION_IN_PROGRESS",e.CLAIMED="CLAIMED",e.MINTING_IN_PROGRESS="MINTING_IN_PROGRESS",e.MINTED="MINTED",e.MINTING_FAILED="MINTING_FAILED",r;var e})(),M=_(5120),C=_(4667),a=_(9808),O=_(7415),f=_(5620),P=_(9392),p=_(9177),u=_(8586),w=_(206),m=_(5549);function x(e,i){if(1&e){const t=n.EpF();n.TgZ(0,"div",22)(1,"button",23),n.NdJ("click",function(){n.CHM(t);const o=n.oxw(2);return n.KtG(o.viewNftItem())}),n.TgZ(2,"span"),n._uU(3,"View"),n.qZA()()()}}function v(e,i){if(1&e){const t=n.EpF();n.TgZ(0,"button",24),n.NdJ("click",function(){n.CHM(t);const o=n.oxw(2);return n.KtG(o.nftItem.ownedByMe&&o.toggleMoreOptionsPanel())}),n._UZ(1,"i",25),n.qZA()}}function h(e,i){if(1&e){const t=n.EpF();n.ynx(0),n.TgZ(1,"li")(2,"a",29),n._uU(3," Track NFT "),n.qZA()(),n.TgZ(4,"li",28),n.NdJ("click",function(){n.CHM(t);const o=n.oxw(3);return n.KtG(o.addContractToWallet())}),n._uU(5," Add Contract to Wallet "),n.qZA(),n.TgZ(6,"li",28),n.NdJ("click",function(){n.CHM(t);const o=n.oxw(3);return n.KtG(o.copyContractAddressToClipboard())}),n._uU(7," Copy Contract Address "),n.qZA(),n.BQk()}if(2&e){const t=n.oxw(3);n.xp6(2),n.s9C("href",t.nftItem.etherscanUrl,n.LSH)}}function b(e,i){if(1&e){const t=n.EpF();n.TgZ(0,"ul",26),n.YNc(1,h,8,1,"ng-container",27),n.TgZ(2,"li",28),n.NdJ("click",function(){n.CHM(t);const o=n.oxw(2);return n.KtG(o.addEthereumChain())}),n._uU(3," Add Network to Wallet "),n.qZA()()}if(2&e){const t=n.oxw(2);n.xp6(1),n.Q6J("ngIf",t.nftItem.status===t.TokenStatus.MINTED)}}function y(e,i){1&e&&(n.TgZ(0,"div",30)(1,"div",31)(2,"div",32),n._uU(3,"Not Available"),n.qZA(),n.TgZ(4,"div",33),n._uU(5,"This NFT is not connected to your wallet"),n.qZA(),n.TgZ(6,"div",34)(7,"span",35),n._uU(8,"Not sure what this means? Head over to our "),n.qZA(),n.TgZ(9,"span",36),n._uU(10,"See our "),n.qZA(),n.TgZ(11,"a",37),n._uU(12,"FAQs"),n.qZA()()()())}function I(e,i){if(1&e){const t=n.EpF();n.TgZ(0,"button",38),n.NdJ("click",function(){n.CHM(t);const o=n.oxw().ngrxLet,s=n.oxw();return n.KtG(s.withdrawNftItem(o))}),n._uU(1,"Withdraw NFT "),n.qZA()}}function N(e,i){if(1&e){const t=n.EpF();n.TgZ(0,"button",38),n.NdJ("click",function(){n.CHM(t);const o=n.oxw().ngrxLet,s=n.oxw();return n.KtG(s.withdrawNftItem(o))}),n._uU(1,"Withdraw NFT "),n.qZA()}}function T(e,i){1&e&&(n.TgZ(0,"button",39),n._uU(1,"Minting In Progress"),n.qZA())}function k(e,i){1&e&&(n.TgZ(0,"button",39),n._uU(1,"NFT Withdrawn"),n.qZA())}function Z(e,i){if(1&e){const t=n.EpF();n.TgZ(0,"div",40)(1,"button",41),n.NdJ("click",function(){n.CHM(t);const o=n.oxw(2);return n.KtG(o.nftItem.ownedByMe&&o.downloadMusic())}),n._uU(2," Download Music "),n.qZA()()}if(2&e){const t=n.oxw(2);n.xp6(1),n.Q6J("disabled",!t.nftItem.ownedByMe)}}const S=function(e){return{show:e}},A=function(e){return{not_owned:e}};function J(e,i){if(1&e){const t=n.EpF();n.TgZ(0,"div",1),n.NdJ("clickOutside",function(){n.CHM(t);const o=n.oxw();return n.KtG(o.nftItem.ownedByMe&&o.hideMoreOptionsPanel())}),n.TgZ(1,"div",2)(2,"div",3),n.YNc(3,x,4,0,"div",4),n.TgZ(4,"div",5),n.YNc(5,v,2,0,"button",6),n.YNc(6,b,4,1,"ul",7),n.qZA(),n.YNc(7,y,13,0,"div",8),n.TgZ(8,"div",9),n._UZ(9,"img",10),n.qZA()(),n.TgZ(10,"div",11)(11,"div",12),n._uU(12),n.qZA(),n.TgZ(13,"div",13),n._uU(14),n.qZA(),n.TgZ(15,"div",14)(16,"div",15),n._uU(17),n.qZA()(),n.TgZ(18,"div",16)(19,"div",17)(20,"div",18),n.YNc(21,I,2,0,"button",19),n.YNc(22,N,2,0,"button",19),n.YNc(23,T,2,0,"button",20),n.YNc(24,k,2,0,"button",20),n.qZA(),n.YNc(25,Z,3,1,"div",21),n.qZA()()()()()}if(2&e){const t=n.oxw();n.xp6(3),n.Q6J("ngIf",t.nftItem.ownedByMe),n.xp6(1),n.Q6J("ngClass",n.VKq(19,S,t.panelShown&&t.nftItem.ownedByMe)),n.xp6(1),n.Q6J("ngIf",t.nftItem.ownedByMe),n.xp6(1),n.Q6J("ngIf",t.panelShown),n.xp6(1),n.Q6J("ngIf",!t.nftItem.ownedByMe),n.xp6(1),n.Q6J("ngClass",n.VKq(21,A,!t.nftItem.ownedByMe)),n.xp6(1),n.Q6J("alt",t.nftItem.collectible.name)("src",t.nftItem.collectible.imageList[0].imageUrl,n.LSH),n.xp6(2),n.s9C("title",t.nftItem.collectible.name),n.xp6(1),n.Oqu(t.nftItem.collectible.name),n.xp6(2),n.hij("Token ID: ",t.nftItem.tokenId,""),n.xp6(2),n.s9C("title",t.nftItem.collectible.chainDisplayName),n.xp6(1),n.hij(" ",t.nftItem.collectible.chainDisplayName," "),n.xp6(3),n.Q6J("ngSwitch",t.nftItem.status),n.xp6(1),n.Q6J("ngSwitchCase",t.TokenStatus.CLAIMED),n.xp6(1),n.Q6J("ngSwitchCase",t.TokenStatus.MINTING_FAILED),n.xp6(1),n.Q6J("ngSwitchCase",t.TokenStatus.MINTING_IN_PROGRESS),n.xp6(1),n.Q6J("ngSwitchCase",t.TokenStatus.MINTED),n.xp6(1),n.Q6J("ngIf","MUSIC"===t.nftItem.collectible.fileType&&null!==t.nftItem.collectible.fileDownloadUrl)}}let E=(()=>{class e{constructor(t,c,o){this.snackBarService=t,this.web3Service=c,this.nftService=o,this.store=(0,n.f3M)(f.yh),this.TokenStatus=r,this.panelShown=!1,this.vm$=this.store.select(P.h9)}withdrawNftItem(t){this.web3Service.hasMetaMaskInstalled()?t?this.nftService.openWithdrawNftModal(this.nftItem,M.z.PRE_WITHDRAW):this.snackBarService.showErrorNotificationBanner("Please sign in to your Metamask account"):this.web3Service.showGetDappBrowserModal()}downloadMusic(){var t=this;return(0,d.Z)(function*(){t.nftItem.ownedByMe&&(yield t.nftService.downloadNft(t.nftItem.collectible.fileDownloadUrl,t.nftItem.collectible.fileName))})()}addContractToWallet(){this.nftService.addContractToWallet(this.nftItem)}addEthereumChain(){this.nftService.addEthereumChain(this.nftItem)}copyContractAddressToClipboard(){this.nftService.copyContractAddressToClipboard(this.nftItem.collectible.contractAddress)}toggleMoreOptionsPanel(){this.panelShown=!this.panelShown}hideMoreOptionsPanel(){this.panelShown=!1}
1viewNftItem(){this.nftService.openViewNftItem(this.nftItem,!1)}}return e.\u0275fac=function(t){return new(t||e)(n.Y36(u.c),n.Y36(w.U),n.Y36(m._))},e.\u0275cmp=n.Xpm({type:e,selectors:[["my-nfts-item"]],inputs:{nftItem:"nftItem"},standalone:!0,features:[n.jDz],decls:1,vars:1,consts:[["class","nft_item_container",3,"clickOutside",4,"ngrxLet"],[1,"nft_item_container",3,"clickOutside"],[1,"nft_item_wrapper"],[1,"nft_item_cover_container"],["class","hover_overlay",4,"ngIf"],[1,"nft_options_panel",3,"ngClass"],["class","nft_options_panel_button","title","More Options",3,"click",4,"ngIf"],["class","nft_options_menu",4,"ngIf"],["class","not_owned_overlay",4,"ngIf"],[1,"nft_image",3,"ngClass"],["imageLoadAnimation","",3,"alt","src"],[1,"nft_meta"],[1,"name","line_clamp",3,"title"],[1,"token_id"],[1,"ethereum_details_container"],[1,"title",3,"title"],[1,"buttons_section"],[1,"buttons_wrapper"],[1,"nft_buttons",3,"ngSwitch"],["class","withdraw",3,"click",4,"ngSwitchCase"],["class","withdrawn",4,"ngSwitchCase"],["class","download_music_button",4,"ngIf"],[1,"hover_overlay"],[1,"hover_cta",3,"click"],["title","More Options",1,"nft_options_panel_button",3,"click"],[1,"show_more_icon"],[1,"nft_options_menu"],[4,"ngIf"],[3,"click"],["target","_blank",3,"href"],[1,"not_owned_overlay"],[1,"not_owned_overlay_wrapper"],[1,"not_owned_title"],[1,"not_owned_subtitle"],[1,"not_owned_details"],[1,"not_mobile"],[1,"only_mobile"],["href","https://emusic.zendesk.com/hc/en-us/articles/4403605553939-Why-is-my-NFT-Not-Available-inside-My-NFTs-collection-","target","_blank"],[1,"withdraw",3,"click"],[1,"withdrawn"],[1,"download_music_button"],[1,"standard_button",3,"disabled","click"]],template:function(t,c){1&t&&n.YNc(0,J,26,23,"div",0),2&t&&n.Q6J("ngrxLet",c.vm$)},dependencies:[C._,a.mk,a.O5,O.D,a.RF,a.n9,p._N,p.eJ],styles:['.clickable_icon[_ngcontent-%COMP%]{transition:opacity .3s;opacity:.7}.clickable_icon[_ngcontent-%COMP%]:hover{opacity:1}.clickable_icon[_ngcontent-%COMP%]:active{opacity:.5}.clickable_icon.reverse[_ngcontent-%COMP%]{opacity:1}.clickable_icon.reverse[_ngcontent-%COMP%]:hover{opacity:.7}.nft_item_container[_ngcontent-%COMP%]{transition:opacity cubic-bezier(.25,.46,.45,.94) .2s;font-family:MaisonNeue,sans-serif;font-weight:600;font-size:15px;border-radius:4px;min-height:344px;padding:24px 12px 0}@media only screen and (max-width: 1375px){.nft_item_container[_ngcontent-%COMP%]{padding:24px 10px 0}}@media only screen and (max-width: 640px){.nft_item_container[_ngcontent-%COMP%]{padding:24px 4px 0;background:rgba(0,0,0,0)}}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%]{min-height:inherit;box-shadow:0 4px 10px #00000040;border-radius:4px}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%]{position:relative}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%]:hover .nft_options_panel[_ngcontent-%COMP%] .nft_options_panel_button[_ngcontent-%COMP%]{opacity:.8}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%]:hover .hover_overlay[_ngcontent-%COMP%]{opacity:1}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%]:hover .hover_overlay[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{opacity:.8}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .nft_options_panel[_ngcontent-%COMP%]{position:absolute;top:0;right:0;bottom:auto;left:0;z-index:3;text-align:right}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .nft_options_panel.show[_ngcontent-%COMP%] .nft_options_panel_button[_ngcontent-%COMP%]{opacity:.8}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .nft_options_panel[_ngcontent-%COMP%] .nft_options_panel_button[_ngcontent-%COMP%]{margin-top:16px;margin-right:16px;opacity:0;transition:opacity .3s;background-color:transparent;cursor:pointer}@media only screen and (max-width: 1375px){.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .nft_options_panel[_ngcontent-%COMP%] .nft_options_panel_button[_ngcontent-%COMP%]{margin-top:12px;margin-right:12px}}@media only screen and (max-width: 960px){.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .nft_options_panel[_ngcontent-%COMP%] .nft_options_panel_button[_ngcontent-%COMP%]{margin-top:8px;margin-right:8px}}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .nft_options_panel[_ngcontent-%COMP%] .nft_options_panel_button[_ngcontent-%COMP%]:hover{opacity:1}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .nft_options_panel[_ngcontent-%COMP%] .nft_options_panel_button[_ngcontent-%COMP%] i.show_more_icon[_ngcontent-%COMP%]{background-image:url(ic-more-36-px-hover.c7623f1516a7926c.svg);background-repeat:no-repeat;width:36px;height:36px;display:inline-block}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .nft_options_panel[_ngcontent-%COMP%] ul.nft_options_menu[_ngcontent-%COMP%]{padding:8px 0;list-style:none;border-radius:2px;background-color:#f8f8f8;box-shadow:0 6px 20px #00000059;font-family:MaisonNeue,sans-serif;color:#262626;font-size:12px;position:absolute;font-weight:500;z-index:4;right:10px;top:37px;width:162px}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .nft_options_panel[_ngcontent-%COMP%] ul.nft_options_menu[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{padding:6px 12px 7px;border:none;cursor:pointer;float:left;width:100%;text-align:left}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .nft_options_panel[_ngcontent-%COMP%] ul.nft_options_menu[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{display:inline-block;width:100%}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .nft_options_panel[_ngcontent-%COMP%] ul.nft_options_menu[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%], .nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .nft_options_panel[_ngcontent-%COMP%] ul.nft_options_menu[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:active, .nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .nft_options_panel[_ngcontent-%COMP%] ul.nft_options_menu[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover, .nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .nft_options_panel[_ngcontent-%COMP%] ul.nft_options_menu[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:link, .nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .nft_options_panel[_ngcontent-%COMP%] ul.nft_options_menu[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:active{color:#262626;text-decoration:none}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .nft_options_panel[_ngcontent-%COMP%] ul.nft_options_menu[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:hover{background:#DBDFE1}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .not_owned_overlay[_ngcontent-%COMP%]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:4;display:flex;flex-direction:column;justify-content:center}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .not_owned_overlay[_ngcontent-%COMP%] .not_owned_overlay_wrapper[_ngcontent-%COMP%]{color:#e9ecef;text-align:center;flex-flow:column;align-items:center;justify-content:center;background-color:#343a40cc;padding:20px 60px}@media only screen and (max-width: 1364px){.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .not_owned_overlay[_ngcontent-%COMP%] .not_owned_overlay_wrapper[_ngcontent-%COMP%]{padding:20px 45px}}@media only screen and (max-width: 1150px){.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .not_owned_overlay[_ngcontent-%COMP%] .not_owned_overlay_wrapper[_ngcontent-%COMP%]{padding:20px 30px}}@media only screen and (max-width: 980px){.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .not_owned_overlay[_ngcontent-%COMP%] .not_owned_overlay_wrapper[_ngcontent-%COMP%]{padding:20px 25px}}@media only screen and (max-width: 960px){.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .not_owned_overlay[_ngcontent-%COMP%] .not_owned_overlay_wrapper[_ngcontent-%COMP%]{padding:20px 4px}}@media only screen and (max-width: 640px){.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .not_owned_overlay[_ngcontent-%COMP%] .not_owned_overlay_wrapper[_ngcontent-%COMP%]{padding:22px 7px}}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .not_owned_overlay[_ngcontent-%COMP%] .not_owned_overlay_wrapper[_ngcontent-%COMP%] .not_owned_title[_ngcontent-%COMP%]{font-family:MaisonNeue,sans-serif;font-style:normal;font-weight:700;font-size:20px;line-height:24px;text-align:center;color:#e9ecef}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .not_owned_overlay[_ngcontent-%COMP%] .not_owned_overlay_wrapper[_ngcontent-%COMP%] .not_owned_
1subtitle[_ngcontent-%COMP%]{width:100%;margin-top:8px;font-size:14px;line-height:16px;text-align:center;color:#e9ecef}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .not_owned_overlay[_ngcontent-%COMP%] .not_owned_overlay_wrapper[_ngcontent-%COMP%] .not_owned_subtitle[_ngcontent-%COMP%]:after{content:"";display:block;margin:12px auto;width:20px;height:4px;background:#e9ecef}@media only screen and (max-width: 960px){.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .not_owned_overlay[_ngcontent-%COMP%] .not_owned_overlay_wrapper[_ngcontent-%COMP%] .not_owned_subtitle[_ngcontent-%COMP%]:after{margin:6px auto}}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .not_owned_overlay[_ngcontent-%COMP%] .not_owned_overlay_wrapper[_ngcontent-%COMP%] .not_owned_details[_ngcontent-%COMP%]{font-style:italic;font-size:14px;line-height:20px;text-align:center;color:#e9ecef}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .not_owned_overlay[_ngcontent-%COMP%] .not_owned_overlay_wrapper[_ngcontent-%COMP%] .not_owned_details[_ngcontent-%COMP%] .not_mobile[_ngcontent-%COMP%]{display:inline}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .not_owned_overlay[_ngcontent-%COMP%] .not_owned_overlay_wrapper[_ngcontent-%COMP%] .not_owned_details[_ngcontent-%COMP%] .only_mobile[_ngcontent-%COMP%]{display:none}@media only screen and (max-width: 960px){.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .not_owned_overlay[_ngcontent-%COMP%] .not_owned_overlay_wrapper[_ngcontent-%COMP%] .not_owned_details[_ngcontent-%COMP%] .not_mobile[_ngcontent-%COMP%]{display:none}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .not_owned_overlay[_ngcontent-%COMP%] .not_owned_overlay_wrapper[_ngcontent-%COMP%] .not_owned_details[_ngcontent-%COMP%] .only_mobile[_ngcontent-%COMP%]{display:inline}}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .not_owned_overlay[_ngcontent-%COMP%] .not_owned_overlay_wrapper[_ngcontent-%COMP%] .not_owned_details[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{color:#f03a22;text-decoration:underline}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .hover_overlay[_ngcontent-%COMP%]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;z-index:2;opacity:0;background-color:#ffffff80;transition:opacity .3s}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .hover_overlay[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{font-family:MaisonNeue,sans-serif;color:#fff;border-style:none;background:#121212;font-weight:700;font-size:14px;height:38px;position:absolute;bottom:0;left:0;right:0;width:100%;cursor:pointer;transition:opacity .3s}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .hover_overlay[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:hover{opacity:1}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .nft_image[_ngcontent-%COMP%]{border-top-right-radius:4px;border-top-left-radius:4px;position:relative;padding-top:100%;overflow:hidden}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .nft_image[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{position:absolute;transform:translate(-50%);top:0;left:50%;right:0;bottom:0;max-height:100%}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_item_cover_container[_ngcontent-%COMP%] .nft_image.not_owned[_ngcontent-%COMP%]{filter:grayscale(100%)}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%]{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:16px 16px 32px}@media only screen and (max-width: 1375px){.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%]{padding:12px 12px 20px}}@media only screen and (max-width: 960px){.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%]{padding:8px 8px 20px}}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%] .name[_ngcontent-%COMP%]{font-size:16px;line-height:22px;font-weight:700;color:#121212;margin-bottom:8px;height:44px}@media only screen and (max-width: 960px){.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%] .name[_ngcontent-%COMP%]{margin-bottom:4px}}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%] .token_id[_ngcontent-%COMP%]{font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:0;text-align:left;color:#054760}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%] .ethereum_details_container[_ngcontent-%COMP%]{font-size:14px;line-height:20px;color:#868e96;font-style:normal;font-weight:500;letter-spacing:0;text-align:left;margin-top:8px}@media only screen and (max-width: 960px){.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%] .ethereum_details_container[_ngcontent-%COMP%]{margin-top:4px}}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%] .ethereum_details_container[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%] .buttons_section[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;font-family:MaisonNeue,sans-serif}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%] .buttons_section[_ngcontent-%COMP%] .buttons_wrapper[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;flex-direction:column}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%] .buttons_section[_ngcontent-%COMP%] .buttons_wrapper[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{width:100%;border-radius:20px;font-size:14px;font-family:inherit;cursor:pointer;height:38px}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%] .buttons_section[_ngcontent-%COMP%] .nft_buttons[_ngcontent-%COMP%]{width:100%}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%] .buttons_section[_ngcontent-%COMP%] .nft_buttons[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{margin-top:20px;padding:0 23px;font-weight:800;font-size:14px}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%] .buttons_section[_ngcontent-%COMP%] .nft_buttons[_ngcontent-%COMP%] button.withdraw[_ngcontent-%COMP%]{background:#f03a22;color:#fff}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%] .buttons_section[_ngcontent-%COMP%] .nft_buttons[_ngcontent-%COMP%] button.withdrawn[_ngcontent-%COMP%]{background:#ced4da;color:#121212;cursor:auto;font-family:MaisonNeue,sans-serif;height:38px;border-radius:20px;padding:12px 19px;display:flex;align-items:center}@media only screen and (max-width: 960px){.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%] .buttons_section[_ngcontent-%COMP%] .nft_buttons[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{margin-top:16px}}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%] .buttons_section[_ngcontent-%COMP%] .download_music_button[_ngcontent-%COMP%]{width:100%}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%] .buttons_section[_ngcontent-%COMP%] .download_music_button[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{margin-top:12px;background-color:#fff;border:1px solid #343A40;color:#121212;padding:0 23px;font-weight:800;transition:all .3s}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%] .buttons_section[_ngcontent-%COMP%] .download_music_button[_ngcontent-%COMP%] button[disabled][_ngcontent-%COMP%]{background:#ced4da;color:#121212;cursor:auto;font-family:MaisonNeue,sans-serif;height:38px;border-radius:20px;border:1px solid #ced4da;padding:12px 19px;display:flex;align-items:center}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%] .buttons_section[_ngcontent-%COMP%] .download_music_button[_ngcontent-%COMP%] button[disabled][_ngcontent-%COMP%]:hover{background-color:#ced4da;border:1px solid #ced4da;color:#121212}.nft_item_container[_ngcontent-%COMP%] .nft_item_wrapper[_ngcontent-%COMP%] .nft_meta[_ngcontent-%COMP%] .buttons_section[_ngcontent-%COMP%] .download_music_button[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:hover{background-color:#ef3e28;border:1px solid #EF3E28;color:#fff}'],changeDetection:0}),e})();var F=_(1008),U=_(1135),D=_(6451),g=_(8505),L=_(590),Q=_(3900),G=_(3841),Y=_(5050),z=_(8954);function R(e,i){1&e&&n._UZ(0,"my-nfts-item",6),2&e&&n.Q6J("nftItem",i.$implicit)}function B(e,i){if(1&e&&(n.TgZ(0,"div",4),n.YNc(1,R,1,1,"my-nfts-item",5),n.qZA()),2&e){const t=n.oxw().ngrxLet;n.xp6(1),n.Q6J("ngForOf",t.collectibleResponse.collectibleTokenList)}}function H(e,i){1&e&&n._UZ(0,"emusic-loader-spinner")}function W(e,i){if(1&e&&(n.TgZ(0,"div",1),n.YNc(1,B,2,1,"div",2),n.YNc(2,H,1,0,"emusic-loader-spinner",3),n.qZA()),2&e){const t=i.ngrxLet;n.xp6(1),n.Q6J("ngIf",!t.requestInProgress&&t.collectibleResponse),n.xp6(1),n.Q6J("ngIf",t.requestInProgress)}}let j=(()=>{class e{constructor(t,c,o){this.nftService=t,this.accountService=c,this.route=o,this.store=(0,n.f3M)(f.yh),this.state=new U.X({collectibleResponse:null,requestInProgress:!1}),this.vm$=this.state.asObservable()}ngOnInit(){this.subscription=(0,D.T)(this.accountService.observeSignOutAction().pipe((0,g.b)(()=>this.route.navigate(["/nfts/about"]))),this.store.select(G.Ah).pipe((0,L.P)(),(0,g.b)(t=>{t||this.route.navigate(["/nfts/about"])}
1)),this.nftService.listenForRefreshOwedCollectibleList().pipe((0,Q.w)(()=>this.getOwnedCollectibleList())),this.getOwnedCollectibleList()).subscribe()}ngOnDestroy(){this.subscription.unsubscribe()}getOwnedCollectibleList(){return this.state.next(Object.assign(Object.assign({},this.state.value),{requestInProgress:!0})),this.nftService.getOwnedCollectibleList().pipe((0,g.b)(t=>{!t.successful||this.state.next({collectibleResponse:t,requestInProgress:!1})}))}}return e.\u0275fac=function(t){return new(t||e)(n.Y36(m._),n.Y36(Y.B),n.Y36(z.F0))},e.\u0275cmp=n.Xpm({type:e,selectors:[["my-nfts"]],standalone:!0,features:[n.jDz],decls:1,vars:1,consts:[["class","collectible-section standard-fluid-wrapper",4,"ngrxLet"],[1,"collectible-section","standard-fluid-wrapper"],["class","grid__container collectibles",4,"ngIf"],[4,"ngIf"],[1,"grid__container","collectibles"],[3,"nftItem",4,"ngFor","ngForOf"],[3,"nftItem"]],template:function(t,c){1&t&&n.YNc(0,W,3,2,"div",0),2&t&&n.Q6J("ngrxLet",c.vm$)},dependencies:[E,a.ax,a.O5,F.i,p._N,p.eJ],styles:[".clickable_icon[_ngcontent-%COMP%]{transition:opacity .3s;opacity:.7}.clickable_icon[_ngcontent-%COMP%]:hover{opacity:1}.clickable_icon[_ngcontent-%COMP%]:active{opacity:.5}.clickable_icon.reverse[_ngcontent-%COMP%]{opacity:1}.clickable_icon.reverse[_ngcontent-%COMP%]:hover{opacity:.7}.page-top-padding[_ngcontent-%COMP%]{padding-top:48px}@media only screen and (min-width: 961px){.page-top-padding[_ngcontent-%COMP%]{padding-top:60px}}.page-padding-bottom[_ngcontent-%COMP%]{padding-bottom:40px}@media only screen and (min-width: 641px){.page-padding-bottom[_ngcontent-%COMP%]{padding-bottom:100px}}.standard-fluid-wrapper[_ngcontent-%COMP%]{position:relative;max-width:1440px;margin-left:auto;margin-right:auto;padding-right:12px;padding-left:12px;height:100%}.standard-fluid-wrapper.height-auto[_ngcontent-%COMP%]{height:auto}@media only screen and (min-width: 641px){.standard-fluid-wrapper[_ngcontent-%COMP%]{padding-left:16px;padding-right:16px}}@media only screen and (min-width: 961px){.standard-fluid-wrapper[_ngcontent-%COMP%]{padding-left:48px;padding-right:48px}}.collectible-section[_ngcontent-%COMP%] .collectibles[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;margin-right:-4px;margin-left:-4px}@media only screen and (min-width: 641px){.collectible-section[_ngcontent-%COMP%] .collectibles[_ngcontent-%COMP%]{margin-left:-12px;margin-right:-12px}}.collectible-section[_ngcontent-%COMP%] .collectibles[_ngcontent-%COMP%] my-nfts-item[_ngcontent-%COMP%]{flex:0 0 25%;max-width:25%}@media only screen and (max-width: 729px){.collectible-section[_ngcontent-%COMP%] .collectibles[_ngcontent-%COMP%] my-nfts-item[_ngcontent-%COMP%]{flex:0 0 50%;max-width:50%}}"],changeDetection:0}),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.