"use strict";(("undefined"!=typeof self?self:global).webpackChunkclient_web=("undefined"!=typeof self?self:global).webpackChunkclient_web||[]).push([[6915],{23593:(e,r,n)=>{n.d(r,{g:()=>L});n(40065),n(43379),n(34192),n(4865);var t=n(30758),o=n(3074),i=n.n(o),l=n(61616),c=n(53731),u=n(13534),a=n(93493),s=n(69400),f=n(80021),d=n(52542),v=n(13734),O=(n(7651),n(30456),n(26701),n(25550),n(37417),n(11737),n(51691),n(702),n(5672),n(88856),n(51565),n(15342),n(18316),n(64539)),y=n(76348),p=n(85673),b=n(33233),w=n(67963),m=n(93195),g=n(92107),h=n(31019),S=n(77809),j=n(86070),E=function(e){var r=e.onSelect,n=(0,h.a)(),t=n.viewMode,o=n.setViewMode;return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(b.y,{children:g.Ru.get("web-player.your-library-x.sort-and-view-picker.view-as")}),S.i.map((function(e,n){var i=e.value,l=e.icon,c=e.text;return(0,j.jsx)(w.D,{role:"menuitemradio","aria-checked":t===i,divider:n===S.i.length-1?"after":void 0,autoClose:!1,leadingIcon:l(),onClick:function(){o(i),null==r||r(i)},children:c()},i)}))]})},D=["heading","selected","onSelect","options","enableViewModeMenu","onSelectViewMode","sortOrder"];function k(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function x(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?k(Object(n),!0).forEach((function(r){(0,d.A)(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var A=function(e){var r,n=e.heading,t=e.selected,o=e.onSelect,i=e.options,l=e.enableViewModeMenu,c=void 0!==l&&l,u=e.onSelectViewMode,a=e.sortOrder,s=(0,v.A)(e,D);a&&(a===m.H.ASC||a===m.H.SECONDARY_ASC?r=O.U:a!==m.H.DESC&&a!==m.H.SECONDARY_DESC||(r=y.R));return(0,j.jsxs)(p.W,x(x({getInitialFocusElement:function(e){return null==e?void 0:e.querySelector('[aria-checked="true"]')}},s),{},{children:[n?(0,j.jsx)(b.y,{children:n}):null,i.map((function(e,n){var i=e.key,l=e.value;return(0,j.jsx)(w.D,{role:"menuitemradio","aria-checked":i===t.key,CheckedIcon:r,onClick:function(){return o(i,n)},children:l},i)})),c&&(0,j.jsx)(E,{onSelect:u})]}))},M=n(44002),P=n(12574),N=n(79916);const C="x-sortBox-sortDropdown",R="cvTLPmjt6T7M85EKcB8w",H="SbDHY3fVADNJ4l9qOLQ2";var I=function(e){var r=e.isOpen,n=e.className;return r?(0,j.jsx)(l.J,{size:"small","aria-hidden":"true",className:n}):(0,j.jsx)(c.y,{size:"small","aria-hidden":"true",className:n})},L=function(e){var r=e.heading,n=e.options,o=e.selected,l=e.onSelect,c=e.sortOrder,d=e.variant,v=void 0===d?"bodySmall":d,O=e.semanticColor,y=e.disabled,p=e.onClick,b=e.ariaLabel,w=e.enableViewModeMenu,m=void 0!==w&&w,g=(0,a.NC)(N.mA)&&m,h=(0,M.a)().viewMode;o||(o=null==n?void 0:n[0]);var E=S.i.find((function(e){return e.value===h}))||S.i[0],D=(0,t.useMemo)((function(){return"sortboxlist-".concat(i().create().hex)}),[]),k=(0,P.r)(s.d,{}),x=k.spec,L=k.logger;return(0,j.jsx)(f.b,{menu:(0,j.jsx)(A,{selected:o,options:n,onSelect:function(e,r){l(e,r);var n=x.sortBySectionFactory().sortOptionFactory({identifier:e}).hitSort();L.logInteraction(n)},sortOrder:c,heading:r,enableViewModeMenu:g,onSelectViewMode:function(e){var r=x.viewAsSectionFactory().viewOptionFactory({identifier:e}).hitUiElementToggle();L.logInteraction(r)},id:D}),children:function(e,r,n){var t;return(0,j.jsxs)("button",{className:C,onClick:function(e){y||(null==p||p(e),r(e))},ref:n,type:"button","aria-label":b,role:"combobox","aria-controls":D,"aria-expanded":e,children:[(0,j.jsx)(u.E,{"data-sortbox-label":!0,semanticColor:O,variant:v,className:R,children:(null===(t=o)||void 0===t?void 0:t.value)||(g?E.text():"")}),g?E.icon():(0,j.jsx)(I,{isOpen:e,className:H})]})}})}},16783:(e,r,n)=>{n.d(r,{R:()=>w});n(7651),n(30456),n(26701),n(37417),n(11737),n(51691),n(702),n(5672),n(43379),n(34192),n(88856),n(51565),n(18316);var t=n(52542),o=n(13734),i=n(30758),l=(n(16347),n(86746),n(53276),n(18653),n(97460),n(55888)),c=n(37468);function u(e,r){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(e){if((0,c.fk)(e)){var t,o,i=e.querySelector('[tabindex="0"]');if(r===l.O.UP&&(0,c.MS)(i,a(e,i,l.O.UP,n)),r===l.O.DOWN&&(0,c.MS)(i,a(e,i,l.O.DOWN,n)),r===l.O.RIGHT&&(0,c.MS)(i,s(i,l.O.RIGHT,n)),r===l.O.LEFT&&(0,c.MS)(i,s(i,l.O.LEFT,n)),r===l.O.HOME)(0,c.MS)(i,null!==(t=f(l.O.HOME,n))&&void 0!==t?t:i);if(r===l.O.END)(0,c.MS)(i,null!==(o=f(l.O.END,n))&&void 0!==o?o:i)}}else console.error("No list element found. Canceling moving focus")}function a(e,r,n){var t=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=r.closest('li[role="row"]');if(!o)return r;var i=o,u=Array.from(e.querySelectorAll('li[role="row"]')),a=Array.from(o.querySelectorAll(c.nu)),f=u.indexOf(o);if(f<0)return r;var d=(t&&r!==a[0]||!t&&r!==o)&&!(r instanceof HTMLLIElement);if(n===l.O.UP){if(document.activeElement===e){i=u[u.length-1];var v=t?i.querySelector(c.nu):i;return null!=v?v:r}if(d)return s(r,l.O.LEFT,t);var O=f-1;if(-1===O)return r;i=u[O],O-=1}else if(n===l.O.DOWN){if(document.activeElement===e){i=u[0];var y=t?i.querySelector(c.nu):i;return null!=y?y:r}if(d)return s(r,l.O.RIGHT,t);var p=f+1;if(p===u.length)return r;i=u[p],p+=1}var b=t?i.querySelector(c.nu):i;return null!=b?b:r}function s(e,r){var n,t=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=e.closest('li[role="row"]');if(!o)return e;var i=Array.from(o.querySelectorAll(c.nu)),u=i.indexOf(e),a=0;if(r===l.O.RIGHT&&u-1!==i.length)a=u+1;else{if(r===l.O.LEFT&&-1===u)return o;if(r===l.O.LEFT&&0!==u)a=u-1;else if(r===l.O.LEFT&&0===u){var s=t?o.querySelector(c.nu):o;return null!=s?s:o}}return null!==(n=i.at(a))&&void 0!==n?n:e}function f(e){var r=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=function(){var e=document.activeElement,r=null==e?void 0:e.closest("ul");return((0,l.I)(e)||e instanceof HTMLLIElement)&&r?{currentFocus:e,listEl:r}:{currentFocus:null,listEl:null}}(),t=n.currentFocus,o=n.listEl;if(null===t||null===o)return null;var i=t.closest('li[role="row"]');if(!i)return t;var u=Array.from(o.querySelectorAll('li[role="row"]')),a=Array.from(i.querySelectorAll(c.nu));if(u.indexOf(i)<0)return t;var s=r&&t===a[0]||!r&&t===i;if(e===l.O.HOME){if(s){var f=r?u[0].querySelector(c.nu):u[0];return null!=f?f:t}var d=r?a[1]:a[0];return null!=d?d:t}if(e===l.O.END){var v;if(s){var O=r?u[u.length-1].querySelector(c.nu):u[u.length-1];return null!=O?O:t}return null!==(v=a[a.length-1])&&void 0!==v?v:t}return t}var d=n(91725),v=n(58697),O=n(86070),y=["onKeyDown","children","firstInteractiveIsWrapper"];function p(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function b(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?p(Object(n),!0).forEach((function(r){(0,t.A)(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var w=(0,i.forwardRef)((function(e,r){var n=e.onKeyDown,t=e.children,a=e.firstInteractiveIsWrapper,s=void 0!==a&&a,f=(0,o.A)(e,y),p=(0,v.N)(r);(0,d.R)(p);var w=(0,i.useCallback)((function(e){var r;null!==(r=p.current)&&void 0!==r&&r.contains(e.target)&&("ArrowUp"!==e.key&&"ArrowDown"!==e.key&&"Home"!==e.key&&"End"!==e.key||e.preventDefault(),"ArrowUp"!==e.key&&"ArrowDown"!==e.key||document.documentElement.classList.remove("no-focus-outline"),"ArrowUp"===e.key&&u(p.current,l.O.UP,s),"ArrowDown"===e.key&&u(p.current,l.O.DOWN,s),"ArrowRight"===e.key&&u(p.current,l.O.RIGHT,s),"ArrowLeft"===e.key&&u(p.current,l.O.LEFT,s),"Home"===e.key&&u(p.current,l.O.HOME,s),"End"===e.key&&u(p.current,l.O.END,s),null==n||n(e))}),[s,p,n]),m=(0,i.useCallback)((function(e){if(p.current){var r=e.target,n=p.current.querySelector('[tabindex="0"]');r.closest('li[role="row"]')&&r!==n&&(0,c.MS)(n,r,{preventScroll:!0})}}),[p]);return(0,O.jsx)("ul",b(b({role:"treegrid",ref:p,onKeyDown:w,onFocus:m,tabIndex:0},f),{},{children:t}))}))},60097:(e,r,n)=>{n.d(r,{W:()=>f});n(7651),n(30456),n(26701),n(37417),n(11737),n(51691),n(702),n(5672),n(43379),n(34192),n(88856),n(51565),n(18316);var t=n(52542),o=n(13734),i=n(30758),l=n(52904),c=n(86070),u=["children","innerRef","reRunOnDOMUpdate"];function a(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function s(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?a(Object(n),!0).forEach((function(r){(0,t.A)(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var f=function(e){var r=e.children,n=e.innerRef,t=e.reRunOnDOMUpdate,a=void 0!==t&&t,f=(0,o.A)(e,u),d=(0,i.useRef)(null),v=null!=n?n:d;return(0,l.g)(v,a),(0,c.jsx)("li",s(s({ref:v,"aria-expanded":"true","aria-level":1,role:"row"},f),{},{children:r}))}},91725:(e,r,n)=>{n.d(r,{R:()=>i});var t=n(12341),o=n(30758),i=function(e){var r=(0,o.useState)(null),n=(0,t.A)(r,2),i=n[0],l=n[1];(0,o.useEffect)((function(){var r=e.current;if(!r)return function(){};var n=function(e){var r=e.target;r instanceof HTMLElement&&l(r)};return r.addEventListener("focusout",n),function(){r.removeEventListener("focusout",n)}}),[e]),(0,o.useEffect)((function(){var r=e.current;if(i&&r){var n=r.contains(i),t=r.contains(document.activeElement);!n&&!t&&r.focus({preventScroll:!0}),l(null)}}),[e,i])}},58697:(e,r,n)=>{n.d(r,{N:()=>o});var t=n(30758);function o(e){var r=(0,t.useRef)(null);return(0,t.useEffect)((function(){e&&("function"==typeof e?e(r.current):e.current=r.current)})),r}}}]);
//# sourceMappingURL=6915.js.map