File indexing completed on 2024-12-29 05:25:48
0001 (window.webpackJsonp=window.webpackJsonp||[]).push([[3],{225:function(n,e,r){var a=r(5),t=r(226);"string"==typeof(t=t.__esModule?t.default:t)&&(t=[[n.i,t,""]]);var i={insert:"head",singleton:!1};a(t,i);n.exports=t.locals||{}},226:function(n,e,r){(e=r(6)(!1)).push([n.i,".rc-slider {\n position: relative;\n height: 14px;\n padding: 5px 0;\n width: 100%;\n border-radius: 6px;\n -ms-touch-action: none;\n touch-action: none;\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider-rail {\n position: absolute;\n width: 100%;\n background-color: #e9e9e9;\n height: 4px;\n border-radius: 6px;\n}\n.rc-slider-track {\n position: absolute;\n left: 0;\n height: 4px;\n border-radius: 6px;\n background-color: #abe2fb;\n}\n.rc-slider-handle {\n position: absolute;\n width: 14px;\n height: 14px;\n cursor: pointer;\n cursor: -webkit-grab;\n margin-top: -5px;\n cursor: grab;\n border-radius: 50%;\n border: solid 2px #96dbfa;\n background-color: #fff;\n -ms-touch-action: pan-x;\n touch-action: pan-x;\n}\n.rc-slider-handle:focus {\n border-color: #57c5f7;\n box-shadow: 0 0 0 5px #96dbfa;\n outline: none;\n}\n.rc-slider-handle-click-focused:focus {\n border-color: #96dbfa;\n box-shadow: unset;\n}\n.rc-slider-handle:hover {\n border-color: #57c5f7;\n}\n.rc-slider-handle:active {\n border-color: #57c5f7;\n box-shadow: 0 0 5px #57c5f7;\n cursor: -webkit-grabbing;\n cursor: grabbing;\n}\n.rc-slider-mark {\n position: absolute;\n top: 18px;\n left: 0;\n width: 100%;\n font-size: 12px;\n}\n.rc-slider-mark-text {\n position: absolute;\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n cursor: pointer;\n color: #999;\n}\n.rc-slider-mark-text-active {\n color: #666;\n}\n.rc-slider-step {\n position: absolute;\n width: 100%;\n height: 4px;\n background: transparent;\n}\n.rc-slider-dot {\n position: absolute;\n bottom: -2px;\n margin-left: -4px;\n width: 8px;\n height: 8px;\n border: 2px solid #e9e9e9;\n background-color: #fff;\n cursor: pointer;\n border-radius: 50%;\n vertical-align: middle;\n}\n.rc-slider-dot-active {\n border-color: #96dbfa;\n}\n.rc-slider-dot-reverse {\n margin-left: 0;\n margin-right: -4px;\n}\n.rc-slider-disabled {\n background-color: #e9e9e9;\n}\n.rc-slider-disabled .rc-slider-track {\n background-color: #ccc;\n}\n.rc-slider-disabled .rc-slider-handle,\n.rc-slider-disabled .rc-slider-dot {\n border-color: #ccc;\n box-shadow: none;\n background-color: #fff;\n cursor: not-allowed;\n}\n.rc-slider-disabled .rc-slider-mark-text,\n.rc-slider-disabled .rc-slider-dot {\n cursor: not-allowed !important;\n}\n.rc-slider-vertical {\n width: 14px;\n height: 100%;\n padding: 0 5px;\n}\n.rc-slider-vertical .rc-slider-rail {\n height: 100%;\n width: 4px;\n}\n.rc-slider-vertical .rc-slider-track {\n left: 5px;\n bottom: 0;\n width: 4px;\n}\n.rc-slider-vertical .rc-slider-handle {\n margin-left: -5px;\n -ms-touch-action: pan-y;\n touch-action: pan-y;\n}\n.rc-slider-vertical .rc-slider-mark {\n top: 0;\n left: 18px;\n height: 100%;\n}\n.rc-slider-vertical .rc-slider-step {\n height: 100%;\n width: 4px;\n}\n.rc-slider-vertical .rc-slider-dot {\n left: 2px;\n margin-bottom: -4px;\n}\n.rc-slider-vertical .rc-slider-dot:first-child {\n margin-bottom: -4px;\n}\n.rc-slider-vertical .rc-slider-dot:last-child {\n margin-bottom: -4px;\n}\n.rc-slider-tooltip-zoom-down-enter,\n.rc-slider-tooltip-zoom-down-appear {\n animation-duration: .3s;\n animation-fill-mode: both;\n display: block !important;\n animation-play-state: paused;\n}\n.rc-slider-tooltip-zoom-down-leave {\n animation-duration: .3s;\n animation-fill-mode: both;\n display: block !important;\n animation-play-state: paused;\n}\n.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n animation-name: rcSliderTooltipZoomDownIn;\n animation-play-state: running;\n}\n.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n animation-name: rcSliderTooltipZoomDownOut;\n animation-play-state: running;\n}\n.rc-slider-tooltip-zoom-down-enter,\n.rc-slider-tooltip-zoom-down-appear {\n transform: scale(0, 0);\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.rc-slider-tooltip-zoom-down-leave {\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes rcSliderTooltipZoomDownIn {\n 0% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n 100% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n}\n@keyframes rcSliderTooltipZoomDownOut {\n 0% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n 100% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n}\n.rc-slider-tooltip {\n position: absolute;\n left: -9999px;\n top: -9999px;\n visibility: visible;\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider-tooltip * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider-tooltip-hidden {\n display: none;\n}\n.rc-slider-tooltip-placement-top {\n padding: 4px 0 8px 0;\n}\n.rc-slider-tooltip-inner {\n padding: 6px 2px;\n min-width: 24px;\n height: 24px;\n font-size: 12px;\n line-height: 1;\n color: #fff;\n text-align: center;\n text-decoration: none;\n background-color: #6c6c6c;\n border-radius: 6px;\n box-shadow: 0 0 4px #d9d9d9;\n}\n.rc-slider-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n bottom: 4px;\n left: 50%;\n margin-left: -4px;\n border-width: 4px 4px 0;\n border-top-color: #6c6c6c;\n}\n",""]),n.exports=e},227:function(n,e,r){var a=r(5),t=r(228);"string"==typeof(t=t.__esModule?t.default:t)&&(t=[[n.i,t,""]]);var i={insert:"head",singleton:!1};a(t,i);n.exports=t.locals||{}},228:function(n,e,r){(e=r(6)(!1)).push([n.i,'#music-player-wrapper {\n position: relative;\n /*.player-content {\n \n span.group:first-of-type {\n display: none;\n }\n \n .music-player-controls {\n width: 72px;\n span {\n svg {\n margin-top: 5px;\n }\n }\n }\n }*/\n}\n#music-player-wrapper.mobile .audio-lists-panel {\n height: 100%;\n padding-bottom: 60px;\n}\n#music-player-wrapper.mobile .audio-lists-panel .audio-lists-panel-content {\n width: 100% !important;\n height: calc(100% - 56px);\n transform-origin: bottom center;\n}\n#music-player-wrapper.mobile #music-sponsor-display {\n width: 100%;\n left: 0;\n}\n#music-player-wrapper .progress-bar {\n margin: -3px 20px 0 20px;\n}\n#music-player-wrapper .progress-bar .rc-slider {\n height: 20px;\n padding: 8px 0;\n}\n#music-player-wrapper .progress-bar .rc-slider .rc-slider-step {\n height: 20px;\n}\n#music-player-wrapper .audio-lists-panel .audio-lists-panel-header .close-btn {\n display: block;\n margin-right: 30px;\n}\n#music-player-wrapper .audio-lists-panel .audio-lists-panel-header .line,\n#music-player-wrapper .audio-lists-panel .audio-lists-panel-header .delete-btn {\n display: none;\n}\n#music-player-wrapper .audio-lists-panel .audio-item .group.player-delete {\n display: none;\n}\n#music-player-wrapper .audio-lists-panel .audio-lists-panel-content ul {\n text-align: left;\n}\n#music-player-wrapper.desktop .music-player-panel {\n height: 100%;\n width: 100%;\n}\n#music-player-wrapper.desktop .music-player-panel .panel-content {\n display: block !important;\n padding: 20px !important;\n}\n#music-player-wrapper.desktop .music-player-panel .panel-content .img-content {\n width: 100%;\n height: 200px;\n background-size: contain;\n display: block;\n background-position: center;\n margin-bottom: 20px;\n border-radius: 0;\n box-shadow: none;\n}\n#music-player-wrapper.desktop .music-player-panel .panel-content .progress-bar-content {\n padding: 0;\n flex: none;\n margin-bottom: 20px;\n display: block;\n float: left;\n width: 100%;\n}\n#music-player-wrapper.desktop .music-player-panel .panel-content .progress-bar-content .audio-main {\n margin-top: 20px;\n}\n#music-player-wrapper.desktop .music-player-panel .panel-content .player-content {\n padding: 0;\n}\n#music-player-wrapper.desktop .music-player-panel .panel-content .player-content .play-btn {\n padding: 0 5px;\n}\n#music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group {\n margin: 0 5px;\n}\n#music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.audio-download,\n#music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.hide-panel,\n#music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.lyric-btn {\n display: none;\n}\n#music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.reload-btn {\n order: 10;\n}\n#music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.theme-switch {\n order: 11;\n}\n#music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.play-sounds .sound-operation {\n width: 0;\n opacity: 0;\n overflow: hidden;\n -webkit-transition: all 0.2s ease-out;\n -moz-transition: all 0.2s ease-out;\n -o-transition: all 0.2s ease-out;\n transition: all 0.2s ease-out;\n}\n#music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.play-sounds .sound-operation .rc-slider-handle {\n margin-left: -14px;\n}\n#music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.play-sounds .sounds-icon {\n margin-right: 0;\n}\n#music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.play-sounds:hover .sounds-icon {\n margin-right: 15px;\n}\n#music-player-wrapper.desktop .music-player-panel .panel-content .player-content > .group.play-sounds:hover .sound-operation {\n opacity: 1;\n display: block;\n width: 100px;\n}\n#music-player-wrapper.desktop .audio-lists-panel {\n position: absolute;\n top: 0;\n right: 0;\n width: 50%;\n height: 100%;\n padding-bottom: 60px;\n display: none !important;\n}\n#music-player-wrapper.desktop.show-playlist .music-player-panel {\n width: 50%;\n}\n#music-player-wrapper.desktop.show-playlist .audio-lists-panel {\n display: block !important;\n height: 360px;\n}\n#music-player-wrapper .react-jinke-music-player-mobile {\n height: inherit;\n}\n#music-player-wrapper .react-jinke-music-player-mobile .react-jinke-music-player-mobile-play-model-tip,\n#music-player-wrapper .react-jinke-music-player-mobile .react-jinke-music-player-mobile-singer,\n#music-player-wrapper .react-jinke-music-player-mobile .react-jinke-music-player-mobile-switch,\n#music-player-wrapper .react-jinke-music-player-mobile .react-jinke-music-player-mobile-header > .right.item {\n display: none;\n}\n#music-player-wrapper .react-jinke-music-player-mobile .react-jinke-music-player-mobile-cover {\n width: 145px;\n height: 145px;\n}\n#music-player-wrapper #music-sponsor-display {\n position: absolute;\n width: 50%;\n bottom: 0;\n left: 50%;\n height: 65px;\n z-index: 1000;\n color: white;\n background-color: #454951;\n padding: 5px;\n text-align: center;\n font-size: 10px;\n}\n#music-player-wrapper #music-sponsor-display span {\n display: block;\n float: left;\n width: 100%;\n}\n#music-player-wrapper #music-sponsor-display span {\n text-align: center;\n}\n#music-player-wrapper #music-sponsor-display span img {\n border-radius: 100%;\n border: 2px solid #c1c1c1;\n width: 30px;\n height: 30px;\n margin-top: 3px;\n cursor: pointer;\n}\n#music-player-container {\n width: 100%;\n height: 100%;\n}\n#music-player-container * {\n -webkit-touch-callout: none;\n /* iOS Safari */\n -webkit-user-select: none;\n /* Safari */\n -khtml-user-select: none;\n /* Konqueror HTML */\n -moz-user-select: none;\n /* Old versions of Firefox */\n -ms-user-select: none;\n /* Internet Explorer/Edge */\n user-select: none;\n /* Non-prefixed version, currently\n supported by Chrome, Opera and Firefox */\n}\n#music-player-container svg {\n font-size: 26px;\n cursor: pointer;\n}\n#music-player-container .rc-slider-track {\n background-color: #31c27c !important;\n}\n#music-player-container .rc-slider-handle {\n border-color: white;\n background-color: #31c27c;\n margin-left: 0 !important;\n}\n#music-player-container.light svg {\n color: #31c27c;\n}\n#music-player-container.light #music-player-control-panel {\n box-shadow: 0 1px 2px 0 rgba(0, 34, 77, 0.05);\n}\n#music-player-container.light a {\n color: #32353d !important;\n}\n#music-player-container.light #music-player-container #music-player-playlist-panel #music-player-playlist ul li {\n background-color: #fff;\n border-bottom: 1px solid rgba(220, 220, 220, 0.26);\n}\n#music-player-container.light #music-player-container #music-player-playlist-panel #music-player-playlist ul li.is-playing,\n#music-player-container.light #music-player-container #music-player-playlist-panel #music-player-playlist ul li.is-paused {\n background-color: #fafafa !important;\n}\n#music-player-container.dark {\n background-color: rgba(0, 0, 0, 0.7);\n color: white;\n}\n#music-player-container.dark svg {\n color: white;\n -webkit-transition: all 0.2s ease-out;\n -moz-transition: all 0.2s ease-out;\n -o-transition: all 0.2s ease-out;\n transition: all 0.2s ease-out;\n}\n#music-player-container.dark svg:hover {\n color: #31c27c;\n}\n#music-player-container.dark #music-player-container #music-player-playlist-panel #music-player-playlist ul li {\n background-color: #40444b;\n border-bottom: #40444b;\n}\n#music-player-container.dark #music-player-container #music-player-playlist-panel #music-player-playlist ul li.is-playing,\n#music-player-container.dark #music-player-container #music-player-playlist-panel #music-player-playlist ul li.is-paused {\n background-color: #454951;\n}\n#music-player-container #music-player-control-panel {\n width: 100%;\n float: left;\n padding: 10px;\n box-shadow: 0 0 3px #080808;\n position: absolute;\n z-index: 1111;\n -webkit-transition: all 0.2s ease-out;\n -moz-transition: all 0.2s ease-out;\n -o-transition: all 0.2s ease-out;\n transition: all 0.2s ease-out;\n}\n#music-player-container #music-player-control-panel .music-player-cover figure {\n padding: 10px 0;\n text-align: center;\n height: 221px;\n}\n#music-player-container #music-player-control-panel .music-player-cover figure img {\n cursor: auto;\n}\n#music-player-container #music-player-control-panel .music-player-track-title h2 {\n margin: 10px 0;\n text-align: center;\n font-size: 16px;\n padding: 0 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n word-break: break-all;\n white-space: pre;\n}\n#music-player-container #music-player-control-panel .music-player-time-display {\n width: 100%;\n padding: 15px 50px 10px;\n font-size: 12px;\n float: left;\n position: relative;\n}\n#music-player-container #music-player-control-panel .music-player-time-display > span {\n display: block;\n float: left;\n height: 20px;\n}\n#music-player-container #music-player-control-panel .music-player-time-display > span.current-track-time {\n position: absolute;\n left: 10px;\n}\n#music-player-container #music-player-control-panel .music-player-time-display > span.current-track-progress {\n width: 100%;\n position: relative;\n padding: 0 10px;\n}\n#music-player-container #music-player-control-panel .music-player-time-display > span.current-track-duration {\n position: absolute;\n right: 10px;\n}\n#music-player-container #music-player-control-panel .music-player-time-display > span.current-track-duration .infinite {\n font-size: 29px;\n margin-top: -13px;\n display: block;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar {\n width: 100%;\n text-align: center;\n float: left;\n padding: 10px 0;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper {\n width: 100%;\n float: left;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper > div {\n float: left;\n height: 30px;\n position: relative;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper > div.music-player-audio-control span {\n display: block;\n padding: 0 4px;\n float: left;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper > div.playlist-toggle-container {\n float: right;\n padding: 3px;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper > div.playlist-toggle-container .playlist-toggle-button {\n background: rgba(0, 0, 0, 0.2);\n padding: 3px 12px;\n font-size: 12px;\n border-radius: 12px;\n font-weight: bold;\n cursor: pointer;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper > div.theme-switch-wrapper {\n padding: 2px 5px;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper > div.theme-switch-wrapper .rc-switch {\n position: relative;\n display: inline-block;\n width: 60px;\n height: 20px;\n line-height: 20px;\n padding: 0;\n vertical-align: middle;\n border-radius: 20px 20px;\n border: 1px solid #ccc;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);\n box-sizing: border-box;\n background-color: transparent;\n -webkit-transition: all 0.2s ease-out;\n -moz-transition: all 0.2s ease-out;\n -o-transition: all 0.2s ease-out;\n transition: all 0.2s ease-out;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper > div.theme-switch-wrapper .rc-switch:focus {\n box-shadow: none !important;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper > div.theme-switch-wrapper .rc-switch .rc-switch-inner {\n color: #fff;\n font-size: 12px;\n position: absolute;\n left: 24px;\n top: 0;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper > div.theme-switch-wrapper .rc-switch::after {\n position: absolute;\n width: 16px;\n height: 16px;\n left: 2px;\n top: 1px;\n border-radius: 50% 50%;\n background-color: #fff;\n content: " ";\n cursor: pointer;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);\n -webkit-transform: scale(1);\n transform: scale(1);\n transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1);\n -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);\n animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);\n -webkit-animation-duration: 0.3s;\n animation-duration: 0.3s;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper > div.theme-switch-wrapper .rc-switch.checked {\n background-color: #31c27c !important;\n border: 1px solid #31c27c;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper > div.theme-switch-wrapper .rc-switch.checked .rc-switch-inner {\n left: 6px;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper > div.theme-switch-wrapper .rc-switch.checked::after {\n left: 39px;\n background-color: white;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .music-player-volume-control {\n float: right;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .music-player-volume-control span {\n display: block;\n float: left;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .music-player-volume-control .volume-bar-container {\n width: 26px;\n display: block;\n float: left;\n height: 0;\n padding: 0 6px;\n position: absolute;\n bottom: 30px;\n background-color: rgba(62, 61, 61, 0.8);\n -webkit-transition: all 0.2s ease-out;\n -moz-transition: all 0.2s ease-out;\n -o-transition: all 0.2s ease-out;\n transition: all 0.2s ease-out;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .music-player-volume-control .volume-bar-container .rc-slider {\n opacity: 0;\n -webkit-transition: all 0.2s ease-out;\n -moz-transition: all 0.2s ease-out;\n -o-transition: all 0.2s ease-out;\n transition: all 0.2s ease-out;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .music-player-volume-control .volume-bar-container .rc-slider .rc-slider-handle {\n left: 0;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .music-player-volume-control .volume-bar-container:hover .rc-slider {\n opacity: 1;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .music-player-volume-control:hover .volume-bar-container {\n overflow: hidden;\n height: 100px;\n padding: 10px 6px 15px;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .music-player-volume-control:hover .volume-bar-container .rc-slider {\n opacity: 1;\n}\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .music-player-volume-control.is-muted .rc-slider-track,\n#music-player-container #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .music-player-volume-control.is-muted .rc-slider-handle {\n opacity: 0;\n}\n#music-player-container #music-player-playlist-panel {\n width: 0%;\n height: 100%;\n float: right;\n opacity: 0;\n -webkit-transition: all 0.2s ease-out;\n -moz-transition: all 0.2s ease-out;\n -o-transition: all 0.2s ease-out;\n transition: all 0.2s ease-out;\n}\n#music-player-container #music-player-playlist-panel #music-player-playlist-header {\n height: 50px;\n padding: 0 75px 0 20px;\n width: 100%;\n line-height: 50px;\n text-align: left;\n background: rgba(0, 0, 0, 0.05);\n}\n#music-player-container #music-player-playlist-panel #music-player-playlist-header h2 {\n margin: 0;\n line-height: 50px;\n font-size: 16px;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n word-break: break-all;\n white-space: pre;\n}\n#music-player-container #music-player-playlist-panel #music-player-playlist-header .toggle-playlist {\n position: absolute;\n right: 50px;\n top: 15px;\n font-weight: bold;\n color: white;\n cursor: pointer;\n height: 19px;\n line-height: 10px;\n padding: 5px;\n border-radius: 100%;\n background: rgba(0, 0, 0, 0.3);\n font-size: 12px;\n}\n#music-player-container #music-player-playlist-panel #music-player-playlist {\n width: 100%;\n height: auto;\n float: left;\n padding-bottom: 60px;\n height: calc(100% - 50px);\n}\n#music-player-container #music-player-playlist-panel #music-player-playlist ul {\n padding: 0;\n margin: 0;\n list-style-type: none;\n height: auto;\n float: left;\n width: 100%;\n}\n#music-player-container #music-player-playlist-panel #music-player-playlist ul li {\n width: 100%;\n float: left;\n text-align: left;\n height: 46px;\n line-height: 50px;\n position: relative;\n background-color: rgba(0, 0, 0, 0.1);\n border-bottom: #40444b;\n cursor: pointer;\n -webkit-transition: all 0.2s ease-out;\n -moz-transition: all 0.2s ease-out;\n -o-transition: all 0.2s ease-out;\n transition: all 0.2s ease-out;\n}\n#music-player-container #music-player-playlist-panel #music-player-playlist ul li a {\n display: block;\n height: inherit;\n font-size: 14px;\n padding: 0 20px 0 60px;\n float: left;\n text-decoration: none;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n word-break: break-all;\n white-space: pre;\n color: white;\n}\n#music-player-container #music-player-playlist-panel #music-player-playlist ul li.is-playing,\n#music-player-container #music-player-playlist-panel #music-player-playlist ul li.is-paused,\n#music-player-container #music-player-playlist-panel #music-player-playlist ul li:hover,\n#music-player-container #music-player-playlist-panel #music-player-playlist ul li:active {\n background-color: rgba(0, 0, 0, 0.2);\n}\n#music-player-container #music-player-playlist-panel #music-player-playlist ul li svg {\n font-size: 22px;\n left: 21px;\n position: absolute;\n top: 13px;\n}\n#music-player-container #music-player-playlist-panel #music-player-playlist ul li:hover svg {\n color: #31c27c;\n}\n#music-player-container #music-player-playlist-panel #music-sponsor-display {\n position: absolute;\n width: 50%;\n bottom: 0;\n left: 50%;\n height: 65px;\n z-index: 1000;\n /* color: white; */\n background-color: rgba(0, 0, 0, 0.2);\n padding: 5px;\n text-align: center;\n font-size: 10px;\n}\n#music-player-container #music-player-playlist-panel #music-sponsor-display span {\n display: block;\n float: left;\n width: 100%;\n}\n#music-player-container #music-player-playlist-panel #music-sponsor-display span {\n text-align: center;\n}\n#music-player-container #music-player-playlist-panel #music-sponsor-display span img {\n border-radius: 100%;\n border: 2px solid #c1c1c1;\n width: 30px;\n height: 30px;\n margin-top: 3px;\n cursor: pointer;\n}\n#music-player-container.show-playlist #music-player-control-panel {\n width: 50%;\n height: 100%;\n}\n#music-player-container.show-playlist #music-player-playlist-panel {\n width: 50%;\n height: 100%;\n opacity: 1;\n}\n#music-player-container.is-mobile #music-player-control-panel {\n width: 100% !important;\n}\n#music-player-container.is-mobile #music-player-control-panel .music-player-track-title h2 {\n margin: 15px 0;\n}\n#music-player-container.is-mobile #music-player-control-panel .music-player-cover figure {\n height: 135px;\n width: 135px;\n margin: 50px auto;\n border-radius: 100%;\n border-radius: 50%;\n border: 5px solid rgba(0, 0, 0, 0.2);\n box-shadow: 0 0 1px 3px rgba(0, 0, 0, 0.1);\n margin: 20px auto;\n animation: fromTo 350ms cubic-bezier(0.43, -0.1, 0.16, 1.1) forwards;\n overflow: hidden;\n transition: box-shadow, border 350ms cubic-bezier(0.43, -0.1, 0.16, 1.1);\n}\n#music-player-container.is-mobile #music-player-control-panel .music-player-controls-bar {\n padding: 0;\n}\n#music-player-container.is-mobile #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper {\n width: 100%;\n}\n#music-player-container.is-mobile #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .music-player-audio-control {\n display: table;\n width: 240px;\n height: auto;\n margin: 0 auto;\n float: none;\n}\n#music-player-container.is-mobile #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .music-player-audio-control span {\n padding: 0 16px !important;\n}\n#music-player-container.is-mobile #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .music-player-audio-control .play-icon,\n#music-player-container.is-mobile #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .music-player-audio-control .pause-icon {\n font-size: 60px;\n}\n#music-player-container.is-mobile #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .music-player-audio-control .prev-icon,\n#music-player-container.is-mobile #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .music-player-audio-control .next-icon {\n font-size: 40px;\n margin-top: 8px;\n}\n#music-player-container.is-mobile #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .bottom-controls {\n float: left;\n height: 30px;\n width: 100%;\n}\n#music-player-container.is-mobile #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .bottom-controls .music-player-volume-control {\n float: left;\n width: 50%;\n}\n#music-player-container.is-mobile #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .bottom-controls .music-player-volume-control .volume-bar-container {\n opacity: 1;\n position: relative;\n bottom: 0;\n left: 0;\n width: calc(100% - 50px);\n height: 26px;\n padding: 6px 10px 6px 10px;\n background: transparent;\n}\n#music-player-container.is-mobile #music-player-control-panel .music-player-controls-bar .music-player-controls-wrapper .bottom-controls .music-player-volume-control .volume-bar-container .rc-slider {\n opacity: 1;\n}\n#music-player-container.is-mobile #music-player-control-panel .music-player-controls-bar .playlist-toggle-container {\n width: 50%;\n float: right;\n text-align: right;\n}\n#music-player-container.is-mobile #music-player-playlist-panel {\n width: 100% !important;\n height: 100%;\n position: absolute;\n top: 360px;\n background-color: inherit;\n z-index: 1112;\n}\n#music-player-container.is-mobile #music-player-playlist-panel #music-player-playlist ul li svg {\n left: 275px;\n}\n#music-player-container.is-mobile #music-player-playlist-panel #music-player-playlist ul li a {\n padding: 0 75px 0 50px;\n font-size: 12px;\n}\n#music-player-container.is-mobile.show-playlist #music-player-playlist-panel {\n top: 0;\n}\n',""]),n.exports=e},234:function(n,e,r){"use strict";r.r(e);var a=r(0),t=r.n(a),i=r(231),l=r(208);r(225),r(227);function o(n){return function(n){if(Array.isArray(n)){for(var e=0,r=new Array(n.length);e<n.length;e++)r[e]=n[e];return r}}(n)||function(n){if(Symbol.iterator in Object(n)||"[object Arguments]"===Object.prototype.toString.call(n))return Array.from(n)}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function c(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,a)}return r}function s(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?c(r,!0).forEach((function(e){p(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):c(r).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function p(n,e,r){return e in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function u(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){if(!(Symbol.iterator in Object(n))&&"[object Arguments]"!==Object.prototype.toString.call(n))return;var r=[],a=!0,t=!1,i=void 0;try{for(var l,o=n[Symbol.iterator]();!(a=(l=o.next()).done)&&(r.push(l.value),!e||r.length!==e);a=!0);}catch(n){t=!0,i=n}finally{try{a||null==o.return||o.return()}finally{if(t)throw i}}return r}(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function m(n){var e,r,i=u(Object(a.useState)(0),2),l=i[0],c=i[1],p=(e=l,r=Object(a.useRef)(),Object(a.useEffect)((function(){r.current=e}),[e]),r.current),m=u(Object(a.useState)(),2),h=m[0],g=m[1],b=u(Object(a.useState)(),2),f=b[0],w=b[1],x=u(Object(a.useState)(.5),2),v=x[0],k=x[1],E=u(Object(a.useState)(!1),2),z=E[0],P=E[1],j=u(Object(a.useState)(0),2),S=j[0],T=j[1],C=u(Object(a.useState)(0),2),M=C[0],N=C[1],O=u(Object(a.useState)(0),2),I=O[0],q=O[1],A=u(Object(a.useState)(0),2),B=A[0],D=A[1],_=u(Object(a.useState)("dark"),2),R=_[0],Y=_[1],V=[];n.items.forEach((function(n,e){var r=s({},n,{played:0,stopped:0});V.push(r)}));var W=u(Object(a.useState)(V),2),Z=W[0],L=W[1],U=u(Object(a.useState)(),2),F=U[0],J=U[1],K=n.containerWidth<600,X=u(Object(a.useState)(K),2),H=X[0],G=(X[1],!0!==H),Q=u(Object(a.useState)(G),2),nn=Q[0],en=Q[1];function rn(e,r){var a=document.getElementById("music-player-container").getElementsByTagName("audio"),t=r||l,i=n.items[t].musicSrc;(!1===f||a[0].currentTime&&0===a[0].currentTime||!0===e)&&(a[0].src=i,D(0)),a[0].play(),g(!0),w(!1),ln(i,r)}function an(){document.getElementById("music-player-container").getElementsByTagName("audio")[0].pause(),g(!1),w(!0),on(n.items[l].musicSrc)}function tn(){var e;e=l+1===n.items.length?0:l+1,c(e)}function ln(e,r){var a=Z.find((function(n){return n.musicSrc===e})),t=r||Z.findIndex((function(n){return n.musicSrc===e})),i=s({},a,{played:a.played+1}),l=[].concat(o(Z.slice(0,t)),[i],o(Z.slice(t+1,Z.length)));if(0===Z[t].played){var c="https://"+window.location.hostname+"/p/"+n.product.project_id+"/startmediaviewajax?collection_id="+a.collection_id+"&file_id="+a.file_id+"&type_id=2";$.ajax({url:c}).done((function(n){var e=s({},a,{mediaViewId:n.MediaViewId,played:a.played+1}),r=[].concat(o(Z.slice(0,t)),[e],o(Z.slice(t+1,Z.length)));L(r)}))}else L(l)}function on(e){var r=Z.find((function(n){return n.musicSrc===e})),a=Z.findIndex((function(n){return n.musicSrc===e})),t=s({},r,{stopped:r.stopped+1}),i=[].concat(o(Z.slice(0,a)),[t],o(Z.slice(a+1,Z.length)));if(0===Z[a].stopped){var l="https://"+window.location.hostname+"/p/"+n.product.project_id+"/stopmediaviewajax?media_view_id="+Z[a].mediaViewId;$.ajax({url:l}).done((function(n){L(i)}))}else L(i)}function cn(n){var e=n.target,r=sn(e.currentTime);T(r),N(e.duration);var a=e.duration;isNaN(a)&&(a=0),a=sn(a),q(a);var t=e.currentTime/e.duration*100;D(t),e.currentTime===e.duration&&(console.log("song ended"),tn())}function sn(n){var e=Math.floor(n/60),r=n-60*e;return e<10&&(e="0"+e),(r=Math.floor(r))<10&&(r="0"+r),e+":"+r}function pn(){en(!0!==nn)}Object(a.useEffect)((function(){$.ajax({url:"https://"+window.location.hostname+"/json/fetchrandomsupporter/s/3"}).done((function(n){J(n.supporter)}))}),[]),Object(a.useEffect)((function(){document.getElementById("music-player-container").getElementsByTagName("audio")[0].volume=v}),[v]),Object(a.useEffect)((function(){h&&rn(!0),f&&(p===l?rn():rn(!0)),!0===h&&on(n.items[p].musicSrc)}),[l]);var un="";!0===nn&&(un+="show-playlist "),!0===H&&(un+=" is-mobile");var mn=!0===z?0:v,dn=n.items[l].musicSrc;return t.a.createElement("div",{id:"music-player-container",className:un+" "+R,onKeyPress:function(n){return function(n){"Space"===n.key&&(!0===h?an():rn())}(n)}},t.a.createElement("audio",{volume:mn,onTimeUpdate:function(n){return cn(n)},onLoadedMetadata:function(n){return cn(n)},src:dn,id:"music-player-audio"}),t.a.createElement(d,{playIndex:l,isPlaying:h,isPaused:f,isMuted:z,isMobile:H,audioVolume:v,currentTrackTime:S,currentTrackDuration:I,currentTrackProgress:B,items:n.items,theme:R,setTheme:function(n){return Y(n)},onUpdateCurrentTrackProgress:function(e){return function(e){console.log(e),D(e);var r=M/100*e,a=document.getElementById("music-player-container").getElementsByTagName("audio");a[0].currentTime=r,a[0].play(),g(!0),w(!1),ln(n.items[l].musicSrc)}(e)},onChangeAudioVolume:function(n){return k(n)},onPlayClick:function(n){return rn(n)},onPauseClick:an,onPrevTrackPlayClick:function(){var e;e=0===l?n.items.length-1:l-1,c(e)},onNextTrackPlayClick:tn,togglePlaylistDisplay:pn,toggleAudioMuted:function(){return n=!0!==z,document.getElementById("music-player-container").getElementsByTagName("audio")[0].volume=!0===n?0:v,void P(n);var n}}),t.a.createElement(y,{containerWidth:n.containerWidth,title:n.product.title,randomSupporter:F,items:n.items,playIndex:l,isPlaying:h,isPaused:f,isMobile:H,currentTrackTime:S,currentTrackDuration:I,currentTrackProgress:B,togglePlaylistDisplay:pn,setPlayIndex:c,onPlayClick:function(n){return rn(n)},onPauseClick:an}))}function d(n){t.a.useEffect((function(){}),[]);var e,r,a=n.playIndex,l=t.a.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",width:"1em",viewBox:"0 0 40 40",className:"play-icon"},t.a.createElement("g",null,t.a.createElement("path",{d:"m20.1 2.9q4.7 0 8.6 2.3t6.3 6.2 2.3 8.6-2.3 8.6-6.3 6.2-8.6 2.3-8.6-2.3-6.2-6.2-2.3-8.6 2.3-8.6 6.2-6.2 8.6-2.3z m8.6 18.3q0.7-0.4 0.7-1.2t-0.7-1.2l-12.1-7.2q-0.7-0.4-1.5 0-0.7 0.4-0.7 1.3v14.2q0 0.9 0.7 1.3 0.4 0.2 0.8 0.2 0.3 0 0.7-0.2z"}))),o=t.a.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",width:"1em",viewBox:"0 0 40 40",className:"pause-icon"},t.a.createElement("g",null,t.a.createElement("path",{d:"m18.7 26.4v-12.8q0-0.3-0.2-0.5t-0.5-0.2h-5.7q-0.3 0-0.5 0.2t-0.2 0.5v12.8q0 0.3 0.2 0.5t0.5 0.2h5.7q0.3 0 0.5-0.2t0.2-0.5z m10 0v-12.8q0-0.3-0.2-0.5t-0.5-0.2h-5.7q-0.3 0-0.5 0.2t-0.2 0.5v12.8q0 0.3 0.2 0.5t0.5 0.2h5.7q0.3 0 0.5-0.2t0.2-0.5z m8.6-6.4q0 4.7-2.3 8.6t-6.3 6.2-8.6 2.3-8.6-2.3-6.2-6.2-2.3-8.6 2.3-8.6 6.2-6.2 8.6-2.3 8.6 2.3 6.3 6.2 2.3 8.6z"}))),c=t.a.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",width:"1em",viewBox:"0 0 40 40",className:"prev-icon"},t.a.createElement("g",null,t.a.createElement("path",{d:"m15.9 20l14.1-10v20z m-5.9-10h3.4v20h-3.4v-20z"}))),s=t.a.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",width:"1em",viewBox:"0 0 40 40",className:"next-icon"},t.a.createElement("g",null,t.a.createElement("path",{d:"m26.6 10h3.4v20h-3.4v-20z m-16.6 20v-20l14.1 10z"})));e=!0===n.isPlaying?!0===n.isMobile?t.a.createElement("span",{onTouchStart:function(){return n.onPauseClick()}},o):t.a.createElement("span",{onClick:function(){return n.onPauseClick()}},o):!0===n.isMobile?t.a.createElement("span",{onTouchStart:function(){return n.onPlayClick()}},l):t.a.createElement("span",{onClick:function(){return n.onPlayClick()}},l),r=!0===n.isMobile?t.a.createElement("div",{className:"music-player-audio-control"},t.a.createElement("span",{onTouchStart:function(){return n.onPrevTrackPlayClick()}},c),e,t.a.createElement("span",{onTouchStart:function(){return n.onNextTrackPlayClick()}},s)):t.a.createElement("div",{className:"music-player-audio-control"},t.a.createElement("span",{onClick:function(){return n.onPrevTrackPlayClick()}},c),e,t.a.createElement("span",{onClick:function(){return n.onNextTrackPlayClick()}},s));var p=t.a.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",width:"1em",viewBox:"0 0 40 40",style:{verticalAlign:"middle"}},t.a.createElement("g",null,t.a.createElement("path",{d:"m23.4 5.4c6.7 1.5 11.6 7.5 11.6 14.6s-4.9 13.1-11.6 14.6v-3.4c4.8-1.4 8.2-5.9 8.2-11.2s-3.4-9.8-8.2-11.2v-3.4z m4.1 14.6c0 3-1.6 5.5-4.1 6.7v-13.4c2.5 1.2 4.1 3.7 4.1 6.7z m-22.5-5h6.6l8.4-8.4v26.8l-8.4-8.4h-6.6v-10z"}))),u=t.a.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",width:"1em",viewBox:"0 0 40 40",style:{verticalAlign:"middle"}},t.a.createElement("g",null,t.a.createElement("path",{d:"m20 6.6v7.1l-3.5-3.5z m-12.9-1.6l27.9 27.9-2.1 2.1-3.4-3.4c-1.8 1.4-3.9 2.5-6.1 3v-3.4c1.4-0.4 2.6-1.1 3.7-2l-7.1-7.1v11.3l-8.4-8.4h-6.6v-10h7.9l-7.9-7.9z m24.5 15c0-5.3-3.4-9.8-8.2-11.2v-3.4c6.7 1.5 11.6 7.5 11.6 14.6 0 2.5-0.6 4.9-1.7 7l-2.5-2.6c0.5-1.4 0.8-2.8 0.8-4.4z m-4.1 0c0 0.4 0 0.7-0.1 1l-4-4.1v-3.6c2.5 1.2 4.1 3.7 4.1 6.7z"}))),m=!1===n.isMuted?p:u,d="music-player-volume-control";n.isMuted&&(d+=" is-muted");var y=t.a.createElement("div",{className:d},t.a.createElement("span",{className:"volume-icon",onClick:function(){n.toggleAudioMuted()}},m),t.a.createElement("span",{className:"volume-bar-container progress_bar"},t.a.createElement(i.a,{min:0,max:100,value:100*n.audioVolume,vertical:!n.isMobile,onChange:function(e){if(!1===n.isMuted){var r=e/100;n.onChangeAudioVolume(r)}},onAfterChange:function(n){}}))),h=t.a.createElement("div",{className:"music-player-cover"},t.a.createElement("figure",null,t.a.createElement("img",{src:n.items[a].cover}))),g=t.a.createElement("div",{className:"music-player-track-title"},t.a.createElement("h2",null,n.items[a].title)),b=n.currentTrackTime;0===n.currentTrackTime&&(b="00:00");var f=n.currentTrackDuration;0===n.currentTrackDuration&&(f=t.a.createElement("span",{className:"infinite"},"∞"));var w,x=t.a.createElement("div",{className:"music-player-time-display"},t.a.createElement("span",{className:"current-track-time"},b," "),t.a.createElement("span",{className:"current-track-progress"},t.a.createElement(i.a,{min:0,max:100,value:n.currentTrackProgress,onChange:function(e){console.log(e),n.onUpdateCurrentTrackProgress(e)},onAfterChange:function(n){}})),t.a.createElement("span",{className:"current-track-duration"},f));if(!0===n.isMobile)w=t.a.createElement("div",{className:"mobile-control-panel-wrapper"},g,h,x,t.a.createElement("div",{className:"music-player-controls-bar"},t.a.createElement("div",{className:"music-player-controls-wrapper"},r,t.a.createElement("div",{className:"bottom-controls"},y,t.a.createElement("div",{className:"playlist-toggle-container"},t.a.createElement("span",{className:"playlist-toggle-button",onTouchStart:function(){return n.togglePlaylistDisplay()}},t.a.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",width:"1em",viewBox:"0 0 40 40",style:{"vertical-align":"middle"}},t.a.createElement("g",null,t.a.createElement("path",{d:"m28.4 10h8.2v3.4h-5v15c0 2.7-2.2 5-5 5s-5-2.3-5-5 2.3-5 5-5c0.6 0 1.2 0.1 1.8 0.3v-13.7z m-23.4 16.6v-3.2h13.4v3.2h-13.4z m20-10v3.4h-20v-3.4h20z m0-6.6v3.4h-20v-3.4h20z"})))))))));else{"light"===n.theme&&" checked",w=t.a.createElement("div",{className:"desktop-control-panel-wrapper"},h,g,x,t.a.createElement("div",{className:"music-player-controls-bar"},t.a.createElement("div",{className:"music-player-controls-wrapper"},r,y,t.a.createElement("div",{className:"playlist-toggle-container"},t.a.createElement("span",{className:"playlist-toggle-button",onClick:function(){return n.togglePlaylistDisplay()}},"PL")))))}return t.a.createElement("div",{id:"music-player-control-panel"},w)}function y(n){var e,r=n.items.map((function(e,r){return t.a.createElement(h,{key:r,index:r,item:e,playIndex:n.playIndex,isPlaying:n.isPlaying,isPaused:n.isPaused,isMobile:n.isMobile,onMusicPlayerPlaylistItemClick:function(e){return function(e){!1===n.isPlaying?n.playIndex===e&&n.onPlayClick():n.playIndex===e&&n.onPauseClick(),n.setPlayIndex(e)}(e)}})})),a=t.a.createElement("ul",null,r);n.randomSupporter&&null!==n.randomSupporter&&(e=t.a.createElement("div",{id:"music-sponsor-display"},t.a.createElement("span",null,"made possible by supporters like"),t.a.createElement("span",{className:"sponsor-avatar"},t.a.createElement("a",{href:"/u/"+n.randomSupporter.username},t.a.createElement("img",{src:n.randomSupporter.profile_image_url}))),t.a.createElement("span",null,n.randomSupporter.username)));var i=t.a.createElement("a",{className:"toggle-playlist",onClick:n.togglePlaylistDisplay},"X");return!0===n.isMobile&&(i=t.a.createElement("a",{className:"toggle-playlist",onTouchStart:n.togglePlaylistDisplay},"X")),t.a.createElement("div",{id:"music-player-playlist-panel"},t.a.createElement("div",{id:"music-player-playlist-header"},t.a.createElement("h2",null,n.title+" / "+n.items.length),i),t.a.createElement("div",{id:"music-player-playlist"},t.a.createElement(l.Scrollbars,{width:n.containerWidth/2,height:250},a)),t.a.createElement("div",{id:"music-player-playlist-footer"},e))}function h(n){var e,r=t.a.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",width:"1em",viewBox:"0 0 40 40",className:"play-icon"},t.a.createElement("g",null,t.a.createElement("path",{d:"m20.1 2.9q4.7 0 8.6 2.3t6.3 6.2 2.3 8.6-2.3 8.6-6.3 6.2-8.6 2.3-8.6-2.3-6.2-6.2-2.3-8.6 2.3-8.6 6.2-6.2 8.6-2.3z m8.6 18.3q0.7-0.4 0.7-1.2t-0.7-1.2l-12.1-7.2q-0.7-0.4-1.5 0-0.7 0.4-0.7 1.3v14.2q0 0.9 0.7 1.3 0.4 0.2 0.8 0.2 0.3 0 0.7-0.2z"}))),a=t.a.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",width:"1em",viewBox:"0 0 40 40",className:"pause-icon"},t.a.createElement("g",null,t.a.createElement("path",{d:"m18.7 26.4v-12.8q0-0.3-0.2-0.5t-0.5-0.2h-5.7q-0.3 0-0.5 0.2t-0.2 0.5v12.8q0 0.3 0.2 0.5t0.5 0.2h5.7q0.3 0 0.5-0.2t0.2-0.5z m10 0v-12.8q0-0.3-0.2-0.5t-0.5-0.2h-5.7q-0.3 0-0.5 0.2t-0.2 0.5v12.8q0 0.3 0.2 0.5t0.5 0.2h5.7q0.3 0 0.5-0.2t0.2-0.5z m8.6-6.4q0 4.7-2.3 8.6t-6.3 6.2-8.6 2.3-8.6-2.3-6.2-6.2-2.3-8.6 2.3-8.6 6.2-6.2 8.6-2.3 8.6 2.3 6.3 6.2 2.3 8.6z"}))),i=n.playIndex===n.index?!0===n.isPlaying?a:r:"",l=n.playIndex===n.index?!0===n.isPlaying?"is-playing":"is-paused":"";return e=!0===n.isMobile?t.a.createElement("a",{onTouchStart:function(){return n.onMusicPlayerPlaylistItemClick(n.index)}},i,n.item.title):t.a.createElement("a",{onClick:function(){return n.onMusicPlayerPlaylistItemClick(n.index)}},i,n.item.title),t.a.createElement("li",{className:"music-player-playlist-item "+l},e)}e.default=function(n){return t.a.createElement("div",null,t.a.createElement(m,{product:n.product,items:n.slide.items,containerWidth:n.width}))}}}]);