https://www.ultimate-guitar.com/static/public/build/ug_react_i18n_…/1408.d4b19b71e06aa06d083ba4f0f7c849a1.js

1"use strict";(self.webpackChunkug_react_i18n_es6=self.webpackChunkug_react_i18n_es6||[]).push([[1408],{5829:(t,a,e)=>{e.d(a,{Z:()=>i});var r=e(57763),s=e.n(r),n=e(74458),o=e.n(n)()(s());o.push([t.id,'.p7SeK{animation:Y9oQZ var(--spark-transition-duration) cubic-bezier(.25,.46,.45,.94) calc(var(--fade-in-delay) + .27s) both;left:22px;position:absolute}@keyframes Y9oQZ{0%{opacity:0;transform:translateY(0) translateX(0)}60%{opacity:1;transform:translateY(var(--translate-y)) translateX(var(--translate-x))}100%{opacity:0;transform:translateY(var(--translate-y)) translateX(var(--translate-x))}}._3A7Hq{border-bottom-width:18px;border-left-width:5px;border-right-width:0;border-style:solid;position:absolute}.XRccS{--icon-size:var(--button-icon-size,20px);border-radius:var(--ug-border-radius-default);color:var(--ug-color-text-primary);gap:var(--ug-spacing-s);justify-content:start;margin:var(--ug-spacing-s) var(--ug-spacing-xxs) var(--ug-spacing-xs);padding:var(--ug-spacing-xs) var(--ug-spacing-s);width:calc(100% - var(--ug-spacing-xxs)*2)}.XRccS[data-hovered="true"]{background-color:var(--ug-color-bg-secondary);opacity:1}.P6m-Y{height:20px;width:20px}.P6m-Y .OBdRS{animation:TkCn9 .6s ease-out .16s both;left:var(--ug-spacing-s);position:absolute}@keyframes TkCn9{0%{opacity:1;transform:scale(0)}47%{opacity:1;transform:scale(1.16)}100%{opacity:0;transform:scale(1)}}.P6m-Y .vI4Ry{animation:ztMu8 .44s ease-in .16s both;position:relative}@keyframes ztMu8{0%{opacity:0;transform:scale(0)}66%{opacity:1;transform:scale(1.16)}100%{opacity:1;transform:scale(1)}}.P6m-Y .TNs2d{animation:w0vwE .32s ease-out .16s both;left:var(--ug-spacing-s);position:absolute}@keyframes w0vwE{0%{opacity:1}100%{opacity:0}}',""]),o.locals={container:"p7SeK","spark-fade":"Y9oQZ",spark:"_3A7Hq",favButton:"XRccS",heartWrapper:"P6m-Y",heartPurple:"OBdRS","purple-heart-scale":"TkCn9",heartRed:"vI4Ry","red-heart-scale":"ztMu8",heartOutlined:"TNs2d","outlined-heart":"w0vwE"};const i=o},7474:(t,a,e)=>{e.d(a,{Z:()=>i});var r=e(57763),s=e.n(r),n=e(74458),o=e.n(n)()(s());o.push([t.id,".Y557X{padding-bottom:var(--ug-spacing-xs);width:248px}._4qnzT{padding:0 var(--ug-spacing-m) var(--ug-spacing-xs) var(--ug-spacing-m)}",""]),o.locals={container:"Y557X",text:"_4qnzT"};const i=o},74886:(t,a,e)=>{e.d(a,{Al:()=>i,ED:()=>n,Sr:()=>o,Yu:()=>r,hu:()=>s});const r="Tab Playlists Tab Add Click",s="Tab Playlists Tab Remove Click",n="Tab Playlist Create Click",o="UG_REACT_CREATE_PLAYLIST_FROM_ADD_TAB_MODAL_ON_TAB_PAGE_EMPTY_CLICK",i="UG_REACT_CREATE_PLAYLIST_FROM_ADD_TAB_MODAL_ON_TAB_PAGE_EMPTY_VIEW"},49154:(t,a,e)=>{e.r(a),e.d(a,{AddToPlaylistContainer:()=>U});var r=e(502),s=e(97104),n=e(78793),o=e(53618),i=e(59317),l=e(40665),d=e(78059),c=e(85290),p=e(46525),u=e(87776),y=e(66842),h=e(62304),g=e(23621),m=e(89851),v=e(50477),f=e(37251),b=e(23278),T=e.n(b),Z=e(5829),P={injectType:"styleTag",insert:"head",singleton:!1};T()(Z.Z,P);const w=Z.Z.locals||{};var x=e(24517);const D=({color:t,fadeInDelay:a,transitionDuration:e,rotation:s,width:n,height:o,translateX:i,translateY:l})=>{const d=(0,r.useRef)(null),c=(0,r.useRef)(null);return(0,r.useEffect)((()=>{const t=d.current,r=c.current;t&&r&&(null==t||t.style.setProperty("--translate-x",i+"px"),null==t||t.style.setProperty("--translate-y",l+"px"),null==t||t.style.setProperty("--spark-transition-duration",e+"ms"),null==t||t.style.setProperty("--fade-in-delay",a+"ms"),null==r||r.style.setProperty("--rotation",s+"deg"))}),[]),(0,x.tZ)("div",{ref:d,className:w.container,children:(0,x.tZ)("div",{ref:c,className:w.spark,style:{width:n+"px",height:o+"px",borderLeftWidth:n+"px",borderBottomWidth:o+"px",borderBottomColor:t,borderRightColor:"transparent",borderLeftColor:"transparent",borderTopColor:"transparent",transform:"rotate("+s+"deg)",marginTop:-o/2+"px",marginLeft:-n/2+"px"}})})},Y=160,I=660,_=[{height:13,width:4,color:"#FFB31D",fadeInDelay:Y,transitionDuration:I,rotation:210,translateX:18,translateY:-20},{height:8,width:4,color:"#FFBF13",fadeInDelay:210,transitionDuration:I,rotation:220,translateX:19,translateY:-12},{height:9,width:3,color:"#FF9D31",fadeInDelay:Y,transitionDuration:I,rotation:310,translateX:13,translateY:10},{height:11,width:2,color:"#FF7B4E",fadeInDelay:210,transitionDuration:I,rotation:325,translateX:11,translateY:16},{height:12,width:3,color:"#FF4E75",fadeInDelay:Y,transitionDuration:I,rotation:30,translateX:-10,translateY:15},{height:8,width:3,color:"#FF0BAF",fadeInDelay:210,transitionDuration:I,rotation:45,translateX:-13,translateY:7},{height:8,width:4,color:"#FF1977",fadeInDelay:Y,transitionDuration:I,rotation:120,translateX:-16,translateY:-14},{height:20,width:5,color:"#FF3627",fadeInDelay:220,transitionDuration:I,rotation:140,translateX:-18,translateY:-25}],C=({children:t,isInFavorites:a,onPress:e,...s})=>{const n=(0,r.useState)(a),o=n[0],i=n[1];return(0,x.BX)(g.Y,{className:w.favButton,onPress:t=>(t=>{o&&i(!1),e&&e(t)}

1)(t),...s,children:[!o&&a?(0,x.BX)(x.HY,{children:[_.map((t=>{const a=t.color,e=t.fadeInDelay,r=t.transitionDuration,s=t.rotation,n=t.width,o=t.height,i=t.translateX,l=t.translateY;return(0,x.tZ)(D,{color:a,fadeInDelay:e,transitionDuration:r,rotation:s,width:n,height:o,translateX:i,translateY:l},s)})),(0,x.BX)("div",{className:w.heartWrapper,children:[(0,x.tZ)(v.r,{state:"red",className:w.heartRed}),(0,x.tZ)(v.r,{state:"purple",className:w.heartPurple}),(0,x.tZ)(f.y,{state:"red",className:w.heartOutlined})]})]}):o&&a?(0,x.tZ)(v.r,{state:"red"}):(0,x.tZ)(f.y,{state:"red"}),(0,x.tZ)(m.x,{type:"body-s-medium",children:t})]})},A=()=>{const t=(0,s.Q)().t,a=(0,o.Z)([p.Mq.getIsLogined,y.D9]),e=a[0],n=a[1],l=(0,i.Z)({refreshTabFavorites:h.Ye,toggleTabFavoritesAsync:h.pw});return(0,r.useLayoutEffect)((()=>{e&&l.refreshTabFavorites()}),[]),(0,x.BX)(x.HY,{children:[(0,x.tZ)(C,{isInFavorites:n,onPress:()=>l.toggleTabFavoritesAsync(),children:t(n?{message:["Saved to My Tabs"]}:{message:["Save to My Tabs"]})}),(0,x.tZ)(u.c,{inlineGap:"m"})]})};var F=e(1461),X=e(96827),B=e(74886),E=e(47176),k=e(9304);var R=e(20386),S=e.n(R),N=e(31986);const L=({title:t})=>(0,x.tZ)(m.x,{className:S()(N.Z.wrapper,N.Z.titleWrapper),state:"secondary",children:t});var M=e(23582);const z=(0,e(68387).I)("0 0 20 20",(0,x.tZ)("path",{fillRule:"evenodd",d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16m1-3v-4h4V9h-4V5H9v4H5v2h4v4z",clipRule:"evenodd"})),O=({text:t,onPress:a})=>(0,x.tZ)(M.z,{className:N.Z.wrapper,state:"tertiary",onPress:a,Icon:z,children:t});var Q=e(64803),H=e(7474),W={injectType:"styleTag",insert:"head",singleton:!1};T()(H.Z,W);const K=H.Z.locals||{},j=({title:t,description:a,buttonText:e,onCreatePlaylist:r})=>(0,x.BX)(l.gC,{className:K.container,justifyItems:"start",children:[(0,x.tZ)(L,{title:t}),(0,x.tZ)(m.x,{type:"caption-l",align:"start",className:K.text,children:a}),(0,x.tZ)(O,{text:e,onPress:r})]}),q=({close:t})=>{const a=(0,s.Q)().t,e=(0,i.Z)({openModalById:n.u3});return(0,x.tZ)(j,{title:a({message:["Add to Playlist"]}),description:a({message:["With playlist you can organize tabs\nas you wish, sort in any order and\nshare playlists with your friends."]}),buttonText:a({message:["Create your first playlist"]}),onCreatePlaylist:()=>{e.openModalById(E.eD),d.N.send({event:B.ED}),t()}})};var G=e(52907);const V=({ariaLabel:t,defaultSelectedKeys:a,items:e,onSelectionChange:r})=>(0,x.tZ)(G.s,{className:N.Z.list,"aria-label":t,onSelectionChange:t=>r(((t,a)=>"all"===t?new Set(a.map((t=>t.key))):new Set(Array.from(t,Number)))(t,e)),defaultSelectedKeys:a,items:e}),U=({close:t})=>{const a=(0,s.Q)().t,e=(0,o.Z)([X.CQ.getPlaylists,X.CQ.getAddedPlaylists,X.CQ.getIsLoaded,F.E6]),p=e[0],u=e[1],y=e[2],h=e[3],g=(0,i.Z)({addTabToPlaylist:k.XZ,removeTabFromPlaylist:k.Wp,openModalById:n.u3}),m=(0,r.useRef)(null);return y?0===p.length?(0,x.BX)(x.HY,{children:[!h&&(0,x.tZ)(A,{}),(0,x.tZ)(q,{close:t})]}):(0,x.BX)(l.gC,{justifyItems:"start",children:[!h&&(0,x.tZ)(A,{}),(0,x.tZ)(L,{title:a({message:["Add to Playlist"]})}),(0,x.tZ)(O,{text:a({message:["Create new playlist"]}),onPress:()=>{g.openModalById(E.eD),d.N.send({event:B.ED}),t()}}),(0,x.tZ)(V,{ariaLabel:a({message:["Add tab to playlist"]}),onSelectionChange:t=>{var a;const e=((t,a)=>{const e=new Set(a);return{newlySelectedIds:Array.from(t).filter((t=>!e.has(t))),deselectedIds:Array.from(e).filter((a=>!t.has(a)))}})(t,null!==(a=m.current)&&void 0!==a?a:u),r=e.newlySelectedIds,s=e.deselectedIds;m.current=Array.from(t),r.forEach((t=>{c.w.send({event:B.Yu}),g.addTabToPlaylist({playlistId:t})})),s.forEach((t=>{c.w.send({event:B.hu}),g.removeTabFromPlaylist({playlistId:t})}))},defaultSelectedKeys:u,items:p.map((t=>({key:t.id,title:t.title})))})]}):(0,x.tZ)(Q.Z,{})}}}]);
2//# sourceMappingURL=/static/public/build/ug_react_i18n_es6/../../sourcemap/ug_react_i18n_es6/202609/1408.111ddc09375fb18c23cab7eafdeceaa4.js.map