https://www.ultimate-guitar.com/static/public/build/ug_react_i18n_…/4635.fd6db0d336c5ce1c28894002774a6dbb.js

1"use strict";(self.webpackChunkug_react_i18n_es6=self.webpackChunkug_react_i18n_es6||[]).push([[4635],{58798:(a,e,r)=>{r.d(e,{Z:()=>o});var t=r(57763),n=r.n(t),i=r(74458),s=r.n(i)()(n());s.push([a.id,".h0nrl{min-height:1px}.Urus6{padding:var(--ug-spacing-xl) var(--ug-spacing-s)}.tlbom{background:var(--ug-color-bg-secondary)}",""]),s.locals={lazyRoot:"h0nrl",section:"Urus6",greyBackground:"tlbom"};const o=s},65449:(a,e,r)=>{r.d(e,{Z:()=>o});var t=r(57763),n=r.n(t),i=r(74458),s=r.n(i)()(n());s.push([a.id,".va30c{display:flex;flex-direction:column;gap:var(--ug-spacing-m)}",""]),s.locals={wrapper:"va30c"};const o=s},52961:(a,e,r)=>{r.d(e,{Z:()=>o});var t=r(57763),n=r.n(t),i=r(74458),s=r.n(i)()(n());s.push([a.id,".UfLeX{flex:0 0 calc(50% - var(--tab-list-gap, var(--ug-spacing-l)))}",""]),s.locals={tabItem:"UfLeX"};const o=s},70056:(a,e,r)=>{r.d(e,{Z:()=>o});var t=r(57763),n=r.n(t),i=r(74458),s=r.n(i)()(n());s.push([a.id,".RjU_7{display:flex;flex-wrap:wrap;gap:0 var(--ug-spacing-l);list-style:none;margin:0;padding:0}",""]),s.locals={tabList:"RjU_7"};const o=s},92774:(a,e,r)=>{r.d(e,{Z:()=>o});var t=r(57763),n=r.n(t),i=r(74458),s=r.n(i)()(n());s.push([a.id,'.Gs5UI{grid-column-gap:var(--ug-spacing-l);-moz-column-gap:var(--ug-spacing-l);column-gap:var(--ug-spacing-l);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}._0XK0b{grid-column-gap:var(--ug-spacing-s);grid-row-gap:var(--ug-spacing-xxs);-moz-column-gap:var(--ug-spacing-s);column-gap:var(--ug-spacing-s);display:grid;grid-template-areas:"cover title rating" "cover artist rating";grid-template-columns:auto 1fr 100px;grid-template-rows:auto auto;padding:var(--ug-spacing-xs) var(--ug-spacing-xs) var(--ug-spacing-xs) var(--ug-spacing-m);position:relative;row-gap:var(--ug-spacing-xxs)}.rmFTy::before{background-color:var(--ug-color-divider-alpha);content:"";display:block;grid-column:2/-1;grid-row-start:1;height:1px;transform:translateY(calc(var(--ug-spacing-xs)*-1))}.vTF2o{animation:XOKRV 1.2s ease-in-out infinite;background-color:var(--ug-color-bg-secondary);border-radius:var(--ug-border-radius-default)}.WpYSC .vTF2o{background-color:var(--ug-color-bg-primary)}[data-theme="dark"] .WpYSC .vTF2o{background-color:var(--ug-color-bg-tertiary)}.ZfMvN{--cover-size:48px;grid-area:cover;height:var(--cover-size);width:var(--cover-size)}.wSGAn{align-self:end;grid-area:title;height:14px;width:72%}.x0ygz{align-self:start;grid-area:artist;height:12px;width:48%}.ZUTPH{align-self:center;grid-area:rating;height:12px;justify-self:end;width:64px}@keyframes XOKRV{0%,100%{opacity:.45}50%{opacity:1}}',""]),s.locals={list:"Gs5UI",item:"_0XK0b",withDivider:"rmFTy",block:"vTF2o",tabBottomBlockSkeletonPulse:"XOKRV",onGreyBackground:"WpYSC",cover:"ZfMvN",title:"wSGAn",artist:"x0ygz",rating:"ZUTPH"};const o=s},4766:(a,e,r)=>{r.d(e,{Z:()=>o});var t=r(57763),n=r.n(t),i=r(74458),s=r.n(i)()(n());s.push([a.id,'.vBQxu{grid-column-gap:var(--ug-spacing-s);grid-row-gap:var(--ug-spacing-xxs);-moz-column-gap:var(--ug-spacing-s);column-gap:var(--ug-spacing-s);display:grid;grid-template-areas:"cover title rating" "cover artist rating";grid-template-columns:auto 1fr 100px;grid-template-rows:auto auto;list-style:none;padding:var(--ug-spacing-xs) var(--ug-spacing-xs) var(--ug-spacing-xs) var(--ug-spacing-m);position:relative;row-gap:var(--ug-spacing-xxs)}.vBQxu._15TDZ{grid-template-areas:"cover title" "cover artist";grid-template-columns:auto 1fr}.vBQxu:not(:first-child).azJ8Z::before{background-color:var(--ug-color-divider-alpha);content:"";display:block;grid-column:2/-1;grid-row-start:1;height:1px;transform:translateY(calc(var(--ug-spacing-xs)*-1));z-index:0}._5mP7L [csstools-has-1a-2r-2t-30-30-1m-2w-2p-37-14-1a-38-36-2p-2r-2z-24-2x-32-2z-2j-2s-2p-38-2p-19-2w-33-3a-2t-36-2t-2s-2l-15]:not(.kL6k-):not(.kL6k-){opacity:var(--ug-opacity-hovered)}.vBQxu:has(.tMj-I[data-hovered]){opacity:var(--ug-opacity-hovered)}._5mP7L [csstools-has-1a-2r-2t-30-30-1m-2w-2p-37-14-1a-38-36-2p-2r-2z-24-2x-32-2z-2j-2s-2p-38-2p-19-34-36-2t-37-37-2t-2s-2l-15]:not(.kL6k-):not(.kL6k-){opacity:var(--ug-opacity-pressed)}.vBQxu:has(.tMj-I[data-pressed]){opacity:var(--ug-opacity-pressed)}.ETmcc{--icon-size:16px;margin-right:var(--ug-spacing-xxs)}.tMj-I{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.V0wko{grid-area:cover;z-index:0}.cv-35{align-self:end;grid-area:title;z-index:0}.acyIH{align-self:start;grid-area:artist;justify-self:start;z-index:2}.qoWqU{align-self:center;grid-area:rating;z-index:0}',""]),s.locals={cell:"vBQxu",noRating:"_15TDZ",withDivider:"azJ8Z","js-

1has-pseudo":"_5mP7L","does-not-exist":"kL6k-",trackLink:"tMj-I",icon:"ETmcc",cover:"V0wko",trackTitle:"cv-35",artistTitle:"acyIH",rating:"qoWqU"};const o=s},31143:(a,e,r)=>{r.d(e,{b:()=>u});var t=r(20386),n=r.n(t),i=r(502),s=r(23278),o=r.n(s),c=r(58798),l={injectType:"styleTag",insert:"head",singleton:!1};o()(c.Z,l);const d=c.Z.locals||{};var g=r(24517);const u=(0,i.forwardRef)((({children:a,hasGreyBackground:e,className:r},t)=>0===i.Children.toArray(a).length?null:(0,g.tZ)("div",{ref:t,className:n()(d.section,e?d.greyBackground:void 0,r),children:a})));u.displayName="SimpleSection"},76412:(a,e,r)=>{r.d(e,{H:()=>i});var t=r(502),n=r(85290);const i=(a,e,r)=>{const i=(0,t.useRef)(!1),s=(0,t.useRef)(r);s.current=r;const o=(0,t.useRef)(e);o.current=e;const c=(0,t.useState)(null),l=c[0],d=c[1];return(0,t.useEffect)((()=>{if(l&&!i.current){const e=new IntersectionObserver((([r])=>{var t;!i.current&&r.intersectionRatio>=a&&(n.w.send(o.current),null===(t=s.current)||void 0===t||t.call(s),i.current=!0,e.disconnect())}),{threshold:a});return e.observe(l),()=>{e.disconnect()}}}),[l,a]),d}},51464:(a,e,r)=>{r.d(e,{c:()=>o});var t=r(40410),n=r(43963),i=r(59317),s=r(76412);const o=(a,e,{enabled:r=!0}={})=>{const o=(0,i.Z)({registerExperimentStart:t.$});return(0,s.H)(a,e,r?()=>{o.registerExperimentStart({id:n.t.TABS_FOR_ME_3})}:void 0)}},49784:(a,e,r)=>{r.d(e,{w:()=>t});const t=a=>""+a.map((a=>""+a.separator+a.text)).join("")},7134:(a,e,r)=>{r.r(e),r.d(e,{NewTabRecommendationsMarkovContainer:()=>W});var t=r(53618),n=r(46193),i=r(92268),s=r(82518),o=r(502),c=r(73253),l=r(59317),d=r(1461),g=r(99928),u=r(85290),v=r(21690),p=r(93540);let m=function(a){return a.VIEW="Tab For You View",a.EMPTY="Tab For You Empty",a.CLICK="Tab For You Click",a}({}),h=function(a){return a.UI_RECOMMENDED="Recommended Tab",a.UI_SEO="SEO link",a.UI_ARTIST="Artist",a}({}),b=function(a){return a.markov_chain="Markov",a.tab_link_service="default",a}({});const y=a=>{var e;return{id:a.id,isRecommendationByRating:!!a.is_recommendation_by_rating,rating:{value:a.rating,count:v.a.getNumber(a.votes)},songName:a.song_name,subtitle:(0,p.D)(a),titleLink:{url:a.tab_url},version:a.version,versionDescription:a.version_description,coverUrl:a.album_cover.has_album_cover?null===(e=a.album_cover.web_album_cover)||void 0===e?void 0:e.small:void 0,source:a.source&&a.source in b?a.source:"tab_link_service"}},f=a=>a.map(y);var k=r(40311),x=r(7113),Z=r(68960);const w={load(a,e){var r;const t=null!==(r=Z.Z.searchHistory.map((a=>a.id)))&&void 0!==r?r:[];return k.Z.get({url:x.Ak+"/recommendations/markov/get",payload:{viewed_tab_id:t,tab_id:a,artist_id:e}})}},_=(0,c.A0)("recommendationsMarkov"),T=({tabId:a,artistId:e})=>async(r,t,{logger:n})=>{r(_.actions.start());try{const t=await w.load(a,e),n=null==t?void 0:t.tabs;n.length?r(g.sA.setRecommendedTabs(f(n))):(u.w.send({event:m.EMPTY}),r(_.actions.setError("no data")))}catch(a){404===(null==a?void 0:a.status)?(u.w.send({event:m.EMPTY}),r(_.actions.setError("no data"))):(n.error(a),r(_.actions.setError("load failed")))}finally{r(_.actions.stop())}};var I=r(51464);var R=r(32904),N=r(97104),E=r(49784),L=r(23278),z=r.n(L),B=r(52961),S={injectType:"styleTag",insert:"head",singleton:!1};z()(B.Z,S);const M=B.Z.locals||{};var U=r(24517);const P=({isRecommendationByRating:a,id:e},r)=>()=>{u.w.send({event:m.CLICK,ui:a?h.UI_SEO:h.UI_RECOMMENDED,value:e,params:{algorithm_ver:b.markov_chain,click_pos:r}})},j=(a,e)=>()=>{u.w.send({event:m.CLICK,ui:h.UI_ARTIST,value:a,params:{algorithm_ver:b.markov_chain,click_pos:e}})},C=({recommendation:a,clickPosition:e})=>{const r=(0,N.Q)().t,t=(0,E.w)(a.subtitle);return(0,U.tZ)(R.X,{className:M.tabItem,withDivider:3<=e,artists:a.subtitle.map((a=>({id:a.id,name:a.text,url:a.url,onPress:j(a.id,e)}))),coverProps:{src:a.coverUrl,alt:r({message:[["artists"]," Album Cover"]},{artists:t})},track:{name:a.songName,url:a.titleLink.url},ratingProps:{label:"("+a.rating.count+")",value:a.rating.value},onPress:P(a,e)},a.id)};var A=r(70056),D={injectType:"styleTag",insert:"head",singleton:!1};z()(A.Z,D);const X=A.Z.locals||{},Y=(0,o.forwardRef)((({children:a},e)=>(0,U.tZ)("ul",{ref:e,className:X.tabList,children:a}))),O=({tabs:a})=>{const e=(0,I.c)(.1,{event:m.VIEW});return(0,U.tZ)(Y,{ref:e,children:a.map(((a,e)=>(0,U.tZ)(C,{recommendation:a,clickPosition:e+1},a.id)))})};var F=r(13683),V=r(31143),Q=r(65449),G={injectType:"styleTag",insert:"head",singleton:!1};z()(Q.Z,G);const K=Q.Z.locals||{},H=(0,o.forwardRef)((({children:a,title:e},r)=>(0,U.tZ)(V.b,{ref:r,children:(0,U.BX)("div",{className:K.wrapper,children:[(0,U.tZ)(F.M,{header:e}),a]})})));H.displayName="NewTabRecommendationMarkovSection";const W=()=>{const a=(0,n.w)(),e=a.ref,r=a.isNearViewport,u=(({enabled:a=!0}={})=>{const e=(0,c.QT)(_),r=e.isLoading,n=e.error,i=(0,t.Z)([d.pQ,g.Z4.getRecommendedTabs,d.Ou]),s=i[0],u=i[1],v=i[2],p=(0,l.Z)({loadRecommendations:T}),m=0<v;return(0,o.useEffect)((()=>{a&&!u.length&&m&&p.loadRecommendations({tabId:s,artistId:v})}),[a,s,v,u,p,m]),{hasArtistId:m,isLoading:a&&m&&r&&!u.length,error:a&&m?n:void 0}})({enabled:r}),v=u.isLoading,p=u.error,m=u.hasArtistId,h=(0,t.Z)([g.Z4.getRecommendedTabs])[0];if(p||!m)return null;const b=h.slice(0,i.ym);return(0,U.tZ)(H,{ref:e,title:"For You",children:!r||v?(0,U.tZ)(s.v,{}):(0,U.tZ)(O,{tabs:b})})}},82518:(a,e,r)=>{r.d(e,{v:()=>u});var t=r(20386),n=r.n(t),i=r(92268),s=r(23278),o=r.n(s),c=r(92774),l={injectType:"styleTag",insert:"head",singleton:!1};o()(c.Z,l);const d=c.Z.locals||{};var g=r(24517);

1const u=({hasGreyBackground:a})=>(0,g.tZ)("ul",{className:n()(d.list,a&&d.onGreyBackground),"aria-hidden":!0,children:Array.from({length:i.ym},((a,e)=>(0,g.BX)("li",{className:n()(d.item,2<=e&&d.withDivider),children:[(0,g.tZ)("span",{className:n()(d.block,d.cover)}),(0,g.tZ)("span",{className:n()(d.block,d.title)}),(0,g.tZ)("span",{className:n()(d.block,d.artist)}),(0,g.tZ)("span",{className:n()(d.block,d.rating)})]},e)))})},46193:(a,e,r)=>{r.d(e,{w:()=>i});var t=r(502);var n=r(92268);const i=()=>{const a=(0,t.useRef)(null),e=((a,e="200px")=>{const r=(0,t.useState)(!1),n=r[0],i=r[1],s=(0,t.useRef)(null);return(0,t.useEffect)((()=>{if(!n&&a.current)return s.current=new IntersectionObserver((([a])=>{var e;a.isIntersecting&&(i(!0),null===(e=s.current)||void 0===e||e.disconnect())}),{rootMargin:e}),s.current.observe(a.current),()=>{var a;return null===(a=s.current)||void 0===a?void 0:a.disconnect()}}),[n,a,e]),n})(a,n.e0);return{ref:a,isNearViewport:e}}},32904:(a,e,r)=>{r.d(e,{X:()=>b});var t=r(20386),n=r.n(t),i=r(502),s=r(1057),o=r(48456),c=r(89851),l=r(9985),d=r(70752),g=r(23278),u=r.n(g),v=r(4766),p={injectType:"styleTag",insert:"head",singleton:!1};u()(v.Z,p);const m=v.Z.locals||{};var h=r(24517);const b=({artists:a,className:e,coverProps:r={alt:""},Icon:t,onPress:g,ratingProps:u,track:v,versionLabel:p,withDivider:b=!0})=>{const y=(0,i.useId)(),f=(0,i.useId)(),k=(0,i.useId)(),x=u&&0<u.value;return(0,h.BX)("li",{className:n()(m.cell,e,b&&m.withDivider,!x&&m.noRating),"data-interlinking":"tabs",children:[v.url&&(0,h.tZ)(s.f,{href:v.url,className:m.trackLink,"aria-labelledby":y+" "+f,"aria-describedby":k,onPress:g}),(0,h.tZ)(o.Y,{...r,className:m.cover}),(0,h.BX)(c.x,{type:"body-s-medium",breakRule:"words",className:m.trackTitle,id:f,children:[t&&(0,h.tZ)(t,{className:m.icon}),v.name,p&&(0,h.tZ)(c.x,{state:"muted",children:" • "+p})]}),(0,h.tZ)(d.R,{artists:a,type:"caption-l",state:"muted",linkState:"secondary",id:y,className:m.artistTitle,maxLines:2}),x&&(0,h.tZ)(l.i,{...u,id:k,className:m.rating})]})}}}]);
2//# sourceMappingURL=/static/public/build/ug_react_i18n_es6/../../sourcemap/ug_react_i18n_es6/202609/4635.4d25fa5110ef587f84ce4dcad00c4a3a.js.map