2808.js

"use strict";(("undefined"!=typeof self?self:global).webpackChunkclient_web=("undefined"!=typeof self?self:global).webpackChunkclient_web||[]).push([[2808],{53185:(e,i,a)=>{a.d(i,{D:()=>s});var t=a(30758),n=a(37926),o=a(56116),r=a(86070);const s=t.memo((function({uri:e,ariaPlayLabel:i,ariaPauseLabel:a,onClick:t,isPlaying:s,size:l,locked:c,...d}){const u=(0,o.W)();return(0,r.jsx)(n.R,{ariaPlayLabel:i,ariaPauseLabel:a,isPlaying:s,onClick:i=>{c||u({targetUri:e,intent:s?"pause":"play",type:"click",itemIdSuffix:"button"}),t(i)},size:l,locked:c,...d})}))},71858:(e,i,a)=>{a.d(i,{g:()=>D});var t=a(30758),n=a(3074),o=a.n(n),r=a(88783),s=a(18376),l=a(13505),c=a(3118),d=a(72240),u=a(585),m=a(40400),h=a(11203),x=a(55669),g=a(4317),v=a(56695),p=a(33279),b=a(93492),y=a(44183),j=a(81493),w=a(86070);const I=({onSelect:e})=>{const{viewMode:i,setViewMode:a}=(0,y.a)();return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(g.y,{children:b.Ru.get("web-player.your-library-x.sort-and-view-picker.view-as")}),j.i.map((({value:t,icon:n,text:o},r)=>(0,w.jsx)(v.D,{role:"menuitemradio","aria-checked":i===t,divider:r===j.i.length-1?"after":void 0,autoClose:!1,leadingIcon:n(),onClick:()=>{a(t),e?.(t)},children:o()},t)))]})},S=({heading:e,selected:i,onSelect:a,options:t,enableViewModeMenu:n=!1,onSelectViewMode:o,sortOrder:r,...s})=>{let l;r&&(r===p.H.ASC||r===p.H.SECONDARY_ASC?l=m.U:r!==p.H.DESC&&r!==p.H.SECONDARY_DESC||(l=h.R));return(0,w.jsxs)(x.W,{getInitialFocusElement:e=>e?.querySelector('[aria-checked="true"]'),...s,children:[e?(0,w.jsx)(g.y,{children:e}):null,t.map((({key:e,value:t},n)=>(0,w.jsx)(v.D,{role:"menuitemradio","aria-checked":e===i.key,CheckedIcon:l,onClick:()=>a(e,n),children:t},e))),n&&(0,w.jsx)(I,{onSelect:o})]})};var C=a(86422),k=a(82362),M=a(64640);const N="w6j_vX6SF5IxSXrrkYw5",T="cvTLPmjt6T7M85EKcB8w",f="SbDHY3fVADNJ4l9qOLQ2",A=({isOpen:e,className:i})=>e?(0,w.jsx)(r.J,{size:"small","aria-hidden":"true",className:i}):(0,w.jsx)(s.y,{size:"small","aria-hidden":"true",className:i}),D=({heading:e,options:i,selected:a,onSelect:n,sortOrder:r,variant:s="bodySmall",semanticColor:m,disabled:h,onClick:x,ariaLabel:g,enableViewModeMenu:v=!1})=>{const p=(0,c.NC)(M.mA)&&v,{viewMode:b}=(0,C.a)();a||(a=i?.[0]);const y=j.i.find((({value:e})=>e===b))||j.i[0],I=(0,t.useMemo)((()=>`sortboxlist-${o().create().hex}`),[]),{spec:D,logger:R}=(0,k.r)(d.d,{});return(0,w.jsx)(u.b,{menu:(0,w.jsx)(S,{selected:a,options:i,onSelect:(e,i)=>{n(e,i);const a=D.sortBySectionFactory().sortOptionFactory({identifier:e}).hitSort();R.logInteraction(a)},sortOrder:r,heading:e,enableViewModeMenu:p,onSelectViewMode:e=>{const i=D.viewAsSectionFactory().viewOptionFactory({identifier:e}).hitUiElementToggle();R.logInteraction(i)},id:I}),children:(e,i,t)=>(0,w.jsxs)("button",{className:N,onClick:e=>{h||(x?.(e),i(e))},ref:t,type:"button","aria-label":g,role:"combobox","aria-controls":I,"aria-expanded":e,children:[(0,w.jsx)(l.E,{"data-sortbox-label":!0,semanticColor:m,variant:s,className:T,children:a?.value||(p?y.text():"")}),p?y.icon():(0,w.jsx)(A,{isOpen:e,className:f})]})})}},34978:(e,i,a)=>{a.d(i,{g:()=>p});var t=a(30758),n=a(97500),o=a.n(n),r=a(13505),s=a(72574),l=a(12367),c=a(56463),d=a(39550),u=a(89913),m=a(5119),h=a(53575),x=a(99802),g=a(80104),v=a(86070);const p=({children:e,uri:i,name:a,nonInteractive:n=!1,creatorUri:p,spec:b})=>{let y=null;const{draggable:j,onDragStart:w}=(0,h.P)({itemUris:[i],dragLabelText:a}),I=(0,x.s)(),S=(0,t.useCallback)((()=>{b&&I.logInteraction(b.albumLinkFactory({uri:i}).hitUiNavigate({destination:i}))}),[I,b,i]);return n?(0,v.jsx)("span",{className:o()("standalone-ellipsis-one-line",g.A.text),children:e}):((0,s._Tv)(i)&&(y=(0,v.jsx)(c.h,{uri:i,artistUri:p})),(0,s.WB1)(i)&&(y=(0,v.jsx)(d.H,{uri:i})),(0,v.jsx)(l.h,{menu:y,children:(0,v.jsx)(r.E,{variant:"bodySmall",children:(0,v.jsx)(u.Zp,{label:a,showDelay:u.uF,children:(0,v.jsx)(m.N,{draggable:j,onDragStart:w,className:o()("standalone-ellipsis-one-line"),to:i,dir:"auto",onClick:S,children:e})})})}))}},62355:(e,i,a)=>{a.d(i,{e:()=>m});var t=a(97500),n=a.n(t),o=a(32825),r=a(44397),s=a(17461),l=a(80104),c=a(86070);const d=({isVideo:e,isEpisode:i})=>{let a=o.v;return e?a=r.B:i&&(a=s.L),(0,c.jsx)("div",{className:n()(l.A.rowImage,l.A.rowImageFallback),style:{borderRadius:4},children:(0,c.jsx)(a,{size:"small"})})};var u=a(48450);const m=({src:e,isVideo:i=!1,isEpisode:a=!1})=>e?(0,c.jsx)(u._,{className:n()(l.A.rowImage,{[l.A.rowImageVideo]:i}),draggable:!1,src:e,loading:"eager",width:"40",height:"40",radius:4,children:(0,c.jsx)(d,{isVideo:i,isEpisode:a})}):(0,c.jsx)(d,{isVideo:i,isEpisode:a})},82953:(e,i,a)=>{a.d(i,{E:()=>h});var t=a(30758),n=a(13505),o=a(93492),r=a(58792),s=a(89913),l=a(32883),c=a(99802),d=a(80104),u=a(86070);const m=({name:e,uri:i,nonInteractive:a,children:t,onClick:n,index:o})=>a?(0,u.jsx)("span",{className:d.A.text,children:t}):(0,u.jsx)(l.y,{name:e,uri:i,onClick:n,index:o,children:t},i),h=({artists:e,filter:i,nonInteractive:a=!1,spec:l})=>{const d=(0,c.s)(),h=(0,t.useCallback)(((e,i)=>{l&&d.logInteraction(l.artistLinkFactory({position:i??0,uri:e}).hitUiNavigate({destination:e}))}),[d,l]),x=e.map((({name:e})=>e)).join(o.Ru.getSeparator());return(0,u.jsx)(s.Zp,{label:x,showDelay:s.uF,children:(0,u.jsx)(n.E,{as:"div",variant:"bodySmall",children:e.map((({uri:e,name:n},s)=>(0,u.jsxs)(t.Fragment,{children:[s>0&&o.Ru.getSeparator(),(0,u.jsx)(m,{uri:e,name:n,nonInteractive:a,onClick:h,index:s,children:(0,u.jsx)(r.M,{searchWords:[i??""],textToHighlight:n})},e)]},e)))})})}},81493:(e,i,a)=>{a.d(i,{i:()=>c,p:()=>l});var t=a(3987),n=a(18317),o=a(93492),r=a(74598),s=a(86070);const l=[r.I.COMPACT,r.I.LIST],c=[{value:r.I.COMPACT,text:()=>o.Ru.get("web-player.your-library-x.sort-and-view-picker.compact"),icon:()=>(0,s.jsx)(t.d,{size:"small"})},{value:r.I.LIST,text:()=>o.Ru.get("web-player.your-library-x.sort-and-view-picker.list"),icon:()=>(0,s.jsx)(n.N,{size:"small"})}]},46106:(e,i,a)=>{a.d(i,{$I:()=>r,Qv:()=>o,R2:()=>n});var t=a(45176);const n=(e,i)=>{const a=e.contextMenuButtonFactory().hitUiReveal();i.logInteraction(a)},o=(e,i,a,n)=>{let o;e===t.NV.ADD?o=i.hitDownload({itemToDownload:n}):e===t.NV.REMOVE?o=i.hitRemoveDownload({itemToRemoveFromDownloads:n}):e===t.NV.NO_PERMISSION&&(o=i.hitUiReveal?.()),o&&a.logInteraction(o)},r=({isPlaying:e,isActive:i,spec:a,logger:t,uri:n})=>{let o;return o=e?a.hitPause({itemToBePaused:n}):i?a.hitResume({itemToBeResumed:n}):a.hitPlay({itemToBePlayed:n}),t.logInteraction(o)}},15508:(e,i,a)=>{a.d(i,{Y:()=>t.Y});var t=a(71672)},12200:(e,i,a)=>{a.d(i,{X:()=>t.X});var t=a(38803)},44183:(e,i,a)=>{a.d(i,{a:()=>r});var t=a(81493),n=a(74598),o=a(72288);const r=()=>{const[e,i]=(0,o.x)("view-mode",n.I.LIST);let a=e;return t.p.includes(a)||(a=n.I.LIST),{viewMode:a,isCompactMode:a===n.I.COMPACT,setViewMode:i}}},86422:(e,i,a)=>{a.d(i,{a:()=>t.a});var t=a(44183)},74598:(e,i,a)=>{a.d(i,{I:()=>t});let t=function(e){return e.LIST="list",e.COMPACT="compact",e}({})}}]);