(window.webpackJsonp=window.webpackJsonp||[]).push([[1],{FtWL:function(t,n,e){"use strict";e.d(n,"t",function(){return i}),e.d(n,"a",function(){return o}),e.d(n,"j",function(){return a}),e.d(n,"p",function(){return s}),e.d(n,"f",function(){return r}),e.d(n,"l",function(){return l}),e.d(n,"r",function(){return c}),e.d(n,"s",function(){return d}),e.d(n,"q",function(){return u}),e.d(n,"h",function(){return h}),e.d(n,"i",function(){return p}),e.d(n,"g",function(){return f}),e.d(n,"n",function(){return v}),e.d(n,"b",function(){return m}),e.d(n,"o",function(){return g}),e.d(n,"c",function(){return $}),e.d(n,"m",function(){return _}),e.d(n,"e",function(){return b}),e.d(n,"k",function(){return S}),e.d(n,"d",function(){return C});var i={desktop:{show:"LYRICS_PAGE_VIDEO_DESKTOP_SHOW",play:"LYRICS_PAGE_VIDEO_DESKTOP_PLAY",select:"LYRICS_PAGE_DESKTOP_SELECT_TEXT",scrollMeanings:"LYRICS_PAGE_DESKTOP_SCROLL_MEANINGS",topMeaningsReadMoreClick:"LYRICS_PAGE_DESKTOP_TOP_MEANINGS_READ_MORE_CLICK",topMeaningsPostClick:"LYRICS_PAGE_DESKTOP_TOP_MEANINGS_POST_CLICK",topMeaningsViewAllClick:"LYRICS_PAGE_DESKTOP_TOP_MEANINGS_VIEW_ALL_CLICK"},mobile:{show:"LYRICS_PAGE_VIDEO_MOBILE_SHOW",play:"LYRICS_PAGE_VIDEO_MOBILE_PLAY",select:"LYRICS_PAGE_MOBILE_SELECT_TEXT",scrollMeanings:"LYRICS_PAGE_MOBILE_SCROLL_MEANINGS",topMeaningsReadMoreClick:"LYRICS_PAGE_MOBILE_TOP_MEANINGS_READ_MORE_CLICK",topMeaningsPostClick:"LYRICS_PAGE_MOBILE_TOP_MEANINGS_POST_CLICK",topMeaningsViewAllClick:"LYRICS_PAGE_MOBILE_TOP_MEANINGS_VIEW_ALL_CLICK"}},o="MAIN_PAGE_FEED_LINK_CLICK",a={registerDefault:"REGISTER_DEFAULT",registerOfMeaning:"REGISTER_OF_MEANING",registerOfAnnotation:"REGISTER_OF_ANNOTATION",registerOfRequestAnnotation:"REGISTER_OF_REQUEST_ANNOTATION",registerOfCorrectLyrics:"REQUEST_OF_CORRECT_LYRICS"},s="SHOW_ANNOTATION_MARKER",r="EXPLAIN_MARKER_CLICK",l="REQUEST_MARKER_CLICK",c="SHOW_POPUP_FORM_EXPLAIN",d="SHOW_POPUP_FORM_REQUEST",u="SHOW_POPUP_ANNOTATIONS",h="HIDE_POPUP_FORM_EXPLAIN",p="HIDE_POPUP_FORM_REQUEST",f="HIDE_POPUP_ANNOTATIONS",v="SEND_EXPLAIN",m="CLICK_SUBMIT_EXPLAIN",g="SEND_REQUEST",$="CLICK_SUBMIT_REQUEST",_="SEND_ANNOTATION",b="EXPLAIN_LINE_CLICK",S="REQUEST_LINE_CLICK",C="ERROR_INTERVAL_INTERSECTION"},"lo+r":function(t,n,e){"use strict";e.r(n);var i,o=e("W8MJ"),a=e.n(o),s=e("iEPb"),r=e("7Gil"),l=e("FtWL"),c={log:function(){},warn:function(t){window.Raven?(window.Raven.captureMessage(t),console.warn&&console.warn(t)):console.warn&&console.warn(t)},error:function(t){window.Raven?(window.Raven.captureException(t),console.error&&console.error(t)):(window.UGERROR.errors.push(t),console.error&&console.error(t))},loadErrorLogger:function(){window.UGERROR.loadErrorLogger(void 0)}},d=e("3hwz"),u=e.n(d),h="explain",p="request",f=function(){function t(t){var n=this,e=t.$$container,i=t.$$marker,o=t.isMobile;this.onActionClick=function(t){t.stopPropagation();var e=t.currentTarget.getAttribute("data-annotation-type");e===h&&Object(r.a)(l.f),e===p&&Object(r.a)(l.l),n.onHideMarker(),n.trigger("explanationAction:click",e)},this.onShowMarker=function(t,e){n.$$marker.classList.remove("hide"),Object(r.a)(l.p);var i=n.$$marker.getBoundingClientRect(),o=i.height,a=i.width,s=a/2-7,c=1<e.length?e[e.length-1]:e[0],d=c.left+c.width-n.containerCoordinatesLeft-a/2,u=c.top-n.containerCoordinatesTop-o-4;n.isMobile&&(u=u+o+4+c.height+20,d<n.containerCoordinatesLeft&&(d=n.containerCoordinatesLeft-10,s=c.left+c.width-17),d+a>n.containerCoordinatesRight&&(d=n.containerCoordinatesRight-a-10,s=c.left+c.width-d-17),n.$$mobilePointer.style.left=s+"px"),n.$$marker.style.left=d+"px",n.$$marker.style.top=u+"px"},this.onHideMarkerDocumentClick=function(){var t=function(){n.onHideMarker(),document.removeEventListener("click",t)};document.addEventListener("click",t)},this.onHideMarker=function(){n.$$marker.classList.add("hide")},u()(this),this.$$container=e,this.$$marker=i,this.$$explanation=Object(s.a)(".js-explanation",i),this.$$request=Object(s.a)(".js-request-explanation",i),this.$$mobilePointer=Object(s.a)(".js-mobile-pointer",i),this.isMobile=o,this.addEventListeners()}return t.prototype.addEventListeners=function(){this.$$explanation.addEventListener("click",this.onActionClick),this.$$request.addEventListener("click",this.onActionClick)},a()(t,[{key:"containerCoordinatesLeft",get:function(){return this.$$container.getBoundingClientRect().left}},{key:"containerCoordinatesRight",get:function(){return this.$$container.getBoundingClientRect().right}},{key:"containerCoordinatesTop",get:function(){return this.$$container.getBoundingClientRect().top}}]),t}(),v={code:1,name:"Wrong correct selection!"},m={code:1,name:"Wrong interval selection!"},g=function(t){var n=t.$$container,e=t.startSelectContainer,i=t.endSelectContainer,o=t.startSelectOffset,a=t.endSelectOffset,s=t.regexp;return{getIntervalSelection:function(){this.startWord=this.searchWordInterval({selectContainer:e,offset:o,position:"start"});var t=this.searchWordInterval({selectContainer:i,offset:a,position:"end"}),n=this.searchLineInterval({selectContainer:e}),s=this.searchLineInterval({selectContainer:i});try{if(!this.startWord||!t)throw m;return{start:this.startWord,end:t,startLine:n,endLine:s}}catch(t){throw t}},searchWordInterval:function(t){var e=t.selectContainer,i=t.offset,o=t.position,a=0,r=0;1===e.nodeType&&"DIV"===e.nodeName&&(r=window.getSelection().toString().match(s).length+this.startWord-1);for(var l=0;l<n.childNodes.length;l++){var c=n.childNodes[l],d=c.textContent.match(s);if(d&&(a+=d.length),e===c||e===c.childNodes[0]){var u=1,h=e.textContent.substring(0,i).match(s);h&&d&&(u="start"===o?h.length+1:h.length),r=a-d.length+u}}return r},searchLineInterval:function(t){for(var e,i=t.selectContainer,o=0,a=0,s=0;s<n.childNodes.length;s++)"BR"===(e=n.childNodes[s]).nodeName||"DIV"===e.nodeName||"#text"===e.nodeName&&""===e.nodeValue||a++,(i===e||i===e.childNodes[0])&&(o=a);return o}}},_={code:1,name:"Wrong compare interval selection!"},b=/[^\s,;:–.!?<>…\n\r \*]+/gi,S=function(){function t(t){var n=this,e=t.$$container,i=t.isLine;this.activeRange=null,this.highlightSpan=null,this.intervalSelection=null,this.select=function(t){void 0===t&&(t=[]);try{if(n.createActiveRange(),n.correctSelection(),n.intervalSelection=g({$$container:n.$$container,startSelectContainer:n.startSelectContainer,endSelectContainer:n.endSelectContainer,startSelectOffset:n.startSelectOffset,endSelectOffset:n.endSelectOffset,regexp:b}).getIntervalSelection(),!n.isCompareSelection)return n.isLine||(n.removeSelection(),n.createSelectionNodeContainer(t)),n.intervalSelection}catch(t){throw n.removeSelection(),t}},u()(this),this.$$container=e,this.isLine=void 0!==i&&i}var n=t.prototype;return n.createActiveRange=function(){this.selection&&!this.isCollapsed&&(this.activeRange=this.selection.getRangeAt(0)||null)},n.correctSelection=function(){(function(t){var n=t.range,e=t.startSelectContainer,i=t.endSelectContainer,o=t.startSelectOffset,a=t.endSelectOffset,s=t.isLine,r=t.regexp;return{correctSelection:function(){try{if(!("textContent"in e&&"textContent"in i))throw v;n.setStart(e,this.stepSelection(e,o,"start",s)),n.setEnd(i,this.stepSelection(i,a,"end",s))}catch(t){throw t}},stepSelection:function(t,n,e,i){var o=n;return"start"===e&&(o=this.stepSelectionForward(t,o,i),o=this.stepSelectionBack(t,o,i)),"end"===e&&(o=this.stepSelectionBack(t,o,i),o=this.stepSelectionForward(t,o,i)),o},stepSelectionForward:function(t,n,e){var i=n;if(e){if(1===n)return 1;for(;i!==t.textContent.length;)i++}else for(;i<t.textContent.length&&this.isValidSymbol(t.textContent.charAt(i));)i++;return i},stepSelectionBack:function(t,n,e){var i=n;if(e){if(1===n)return 1;for(;0!==i;)i--}else for(;0<i&&this.isValidSymbol(t.textContent.charAt(i-1));)i--;return i},isValidSymbol:function(t){return null!==t.match(r)}}})({range:this.activeRange,startSelectContainer:this.startSelectContainer,endSelectContainer:this.endSelectContainer,startSelectOffset:this.startSelectOffset,endSelectOffset:this.endSelectOffset,isLine:this.isLine,regexp:b}).correctSelection()},n.removeSelection=function(){document.body.createTextRange||this.selection.removeAllRanges()},n.removeSelectionNodeContainer=function(){for(var t=this.activeRange.extractContents().firstChild.childNodes,n=t.length-1;0<=n;n--)this.activeRange.insertNode(t[n]);this.removeSelection(),this.activeRange=null,this.highlightSpan=null,this.intervalSelection=null},n.createSelectionNodeContainer=function(t){var n=this;this.highlightSpan=document.createElement("span"),t.map(function(t){return n.highlightSpan.classList.add(t)}),this.activeRange.surroundContents(this.highlightSpan)},a()(t,[{key:"isCompareSelection",get:function(){return(t={currentInterval:this.intervalSelection},n=t.currentInterval,{isCompare:function(){var t=!1;return window.UGAPP.store&&window.UGAPP.store.annotationJson&&window.UGAPP.store.annotationJson.forEach(function(e){if(e.start<=n.end&&e.end>=n.start){t=!0;try{throw _}catch(t){throw t}}}),t}}).isCompare();var t,n}},{key:"selection",get:function(){return window.getSelection()}},{key:"isCollapsed",get:function(){return this.selection.isCollapsed}},{key:"startSelectContainer",get:function(){return this.activeRange.startContainer}},{key:"endSelectContainer",get:function(){return this.activeRange.endContainer}},{key:"startSelectOffset",get:function(){return this.activeRange.startOffset}},{key:"endSelectOffset",get:function(){return this.activeRange.endOffset}},{key:"selectCoordinates",get:function(){return this.activeRange.getClientRects()}}]),t}(),C=e("MVZn"),w=e.n(C),A=(window.UGAPP||{}).store,E=w()({},A),y=e("TqGQ"),L=function(t){return'<div class="lm-modal__quote">“'+t+"”</div>"},x=[20,30,50,80],k={2:{type:"danger",title:"Attention!",text:"Another user has already explained this part of the lyrics. Refresh page to see new explanations, please.",duration:5e3},4:{type:"danger",title:"Attention!",text:"Our AI thinks your explanation is quite unusual for a human, therefore it has to be checked by space mods before appearing on LyricsMode.",duration:2e4}},O=function(){function t(t){var n=this,e=t.$$container,i=t.alert,o=t.modal,a=t.service;this.modal=null,this.submitExplainForm=function(t,e,i){t.preventDefault();var o=window.song_id,a=n.$$inputUserName.value,s=n.$$textarea.value,d=window.unique_id,u=i.textContent,h=w()({song_id:o,username:a,text:s,unique_id:d,type:0},e,{annotated_string:u});Object(r.a)(l.b),n.annotationService.postAnnotation({payload:h}).then(function(t){var o=t.interval.id;Object(r.a)(l.n),i.setAttribute("data-id",o),i.classList.add("js-explain"),window.UGAPP.store.annotationJson=[].concat(E.annotationJson,[w()({id:o},e,{type:0})]),n.trigger("explain:submit",o),n.modal.removeModal(),window.UserNotificationsService&&window.UserNotificationsService.check()}).catch(function(t){return n.modal.onCloseModal(),t.code&&k[t.code]?void n.alert.createAlert({alertContent:k[t.code]}):void c.error(t)})},u()(this),this.$$container=e,this.alert=i,this.modal=o,this.annotationService=a}var n=t.prototype;return n.addEventListeners=function(t,n){var e=this;this.$$form.addEventListener("submit",function(i){return e.submitExplainForm(i,t,n)})},n.openExplanationModal=function(t){var n=t.selectCoordinates,e=t.intervalSelection,i=t.highlightSpan,o=i.innerHTML;this.modal.onOpenModal({title:"Explanation",content:function(t){return"\n    "+(t?L(t):"")+'\n    \n<div class="ui-add-annotation-form">\n<form\n    class="ann-form float-on ann-form meanings_form post post--annotation ui-annotation-form js-form">\n    <div class="clearfix">\n        <div class="clearfix fs12 popup-cont-form-name ui-ann-login-panel">\n            <input class="ui-ann-username js-form-username" placeholder="Username" type="text"></div>\n    </div>\n    <div class="clearfix ui-ann-user-panel dn">\n        <a href="#" class="ann-autor-ico post__ico post-autor-ico pull-left js-user-avatar mright10" target="_blank">\n            <img class="rad" src="" alt="" width="30" height="30">\n        </a>\n        <div class="mtop5 pull-left">\n            <a href="" class="post__autor js-user-name" target="_blank"></a>\n        </div>\n    </div>\n    <div class="post-correct-cont"><textarea class="meaning_inside_frame js-form-textarea"\n                                             style="height: 76px;"\n                                             placeholder="Your explanation"\n                                             data-tracking-focus=\'["Annotations","Lyrics","Annotations Textarea click"]\'></textarea>\n        <div class="post-correct-menu clearfix ui-form-menu">\n            \x3c!--<span class="pull-right">Add image by pasting the URL</span>--\x3e<a\n                class="ui-form-menu-bold text-gray__600" title="[b][/b]"><b>Bold</b></a><a\n                class="ui-form-menu-italic text-gray__600"\n                title="[i][/i]"><i>Italic</i></a><a\n                class="ui-form-menu-link text-gray__600"\n                title="[url=http://example.com]example[/url]">Link</a><a\n                class="ui-form-menu-image text-gray__600">Add an image</a></div>\n    </div>\n    <div class="media detector">\n        <button class="btn blue_color flat_btn pull-right mtop10 fs11 post_button js-form-submit"\n                disabled="disabled"\n                data-tracking-mousedown=\'["Annotations","Lyrics","Annotations PostUnactive click"]\'\n                data-tracking-mousedown-disabled=\'["Annotations","Lyrics","Annotations PostUnactive click"]\'\n                data-tracking-mousedown-enabled=\'["Annotations","Lyrics","Annotations Post click"]\'>\n            <b>Explain</b><span\n                class="meaning-form-loader loader_rect pull-right dn"></span>\n        </button>\n        <div class="media-body step-box fs11 mtop10">\n            <div class="step-block step-block__four step-one pull-left">\n                <div class="step-line step-invis"></div>\n                <div class="step-line step-line-detect"></div>\n                <div class="step-text step-invis">\n                    20 words\n                </div>\n            </div>\n            <div class="step-block step-block__four step-two pull-left">\n                <div class="step-line step-invis"></div>\n                <div class="step-line step-line-detect"></div>\n                <div class="step-text step-invis">\n                    Good\n                </div>\n            </div>\n            <div class="step-block step-block__four step-three pull-left">\n                <div class="step-line step-invis"></div>\n                <div class="step-line step-line-detect"></div>\n                <div class="step-text step-invis">\n                    Cool\n                </div>\n            </div>\n            <div class="step-block step-block__four step-four pull-left">\n                <div class="step-line step-invis"></div>\n                <div class="step-line step-line-detect"></div>\n                <div class="step-text step-invis">\n                    Awesome!\n                </div>\n            </div>\n        </div>\n    </div>\n</form>\n<div class="info-panel info-panel__gray mtop10 fs11 ui-tips">\n    <h4 class="fs13"><b>Explanation guidelines:</b></h4>\n    <div>\n        <ul>\n            <li>\n                Describe what artist is trying to say in a certain line, whether\n                it\'s personal feelings, strong statement or something else.\n            </li>\n            <li>\n                Provide song facts, names, places and other worthy info that may\n                give readers a perfect insight on the song\'s meaning.\n            </li>\n            <li>\n                Add links, pictures and videos to make your explanation more\n                appealing. Provide quotes to support the facts you mention.\n            </li>\n        </ul>\n        <div class="mtop15">\n            Before you get started, be sure to check out these explanations created\n            by our users:\n            <a href="/lyrics/d/demi_lovato/let_it_go.html#134"\n               target="_blank" class="text-blue">good</a>,\n            <a href="/lyrics/k/katy_perry/roar.html#429"\n               target="_blank" class="text-blue">very good</a>,\n            <a href="/lyrics/n/nirvana/smells_like_teen_spirit.html#692"\n               target="_blank" class="text-blue">great</a>.\n        </div>\n    </div>\n</div>\n</div>\n\n'}(o),selectCoordinates:n}),Object(r.a)(l.r),new y.a($(this.$$container),x,!0),this.initFormSelectors(),this.addEventListeners(e,i),this.modal.one("modal:close:clickButtonClose",function(){return Object(r.a)(l.h)})},n.initFormSelectors=function(){this.$$form=Object(s.a)(".js-form",this.$$container),this.$$inputUserName=Object(s.a)(".js-form-username",this.$$form),this.$$textarea=Object(s.a)(".js-form-textarea",this.$$form)},t}(),R={type:"success",title:"Thanks for asking the question.",text:"We will respond as quickly as possible.",duration:5e3},M={2:{type:"danger",title:"Attention!",text:"Another user has already request this part of the lyrics. Refresh page to see new requests, please.",duration:5e3}},I=function(){function t(t){var n=this,e=t.$$container,i=t.alert,o=t.modal,a=t.service;this.modal=null,this.submitRequestForm=function(t,e,i){t.preventDefault();var o=window.song_id,a=n.$$inputUserName.value,s=window.unique_id,d=i.textContent,u=w()({song_id:o,username:a,text:"",unique_id:s,type:1},e,{annotated_string:d});Object(r.a)(l.c),n.annotationService.postAnnotation({payload:u}).then(function(t){var o=t.interval.id;Object(r.a)(l.o),i.setAttribute("data-id",o),i.classList.remove("ann-annotated-active"),i.classList.add("js-request"),window.UGAPP.store.annotationJson=[].concat(E.annotationJson,[w()({id:o},e,{type:1})]),n.trigger("request:submit"),n.modal.removeModal(),n.alert.createAlert({alertContent:R}),window.UserNotificationsService&&window.UserNotificationsService.check()}).catch(function(t){return n.modal.onCloseModal(),t.code&&M[t.code]?void n.alert.createAlert({alertContent:M[t.code]}):void c.error(t)})},u()(this),this.$$container=e,this.alert=i,this.modal=o,this.annotationService=a}var n=t.prototype;return n.addEventListeners=function(t,n){var e=this;this.$$form.addEventListener("submit",function(i){return e.submitRequestForm(i,t,n)})},n.openRequestModal=function(t){var n=t.selectCoordinates,e=t.intervalSelection,i=t.highlightSpan,o=i.innerHTML;this.modal.onOpenModal({title:"Request explanation",content:function(t){return"\n"+(t?L(t):"")+'\n<div class="ui-add-annotation-form">\n    <form class="ann-form clearfix float-on ann-form meanings_form post post--annotation ui-annotation-form js-form">\n        <div class="clearfix">\n            <div class="clearfix fs12 popup-cont-form-name ui-ann-login-panel">\n                <input class="ui-ann-username js-form-username" placeholder="Username" type="text">\n            </div>\n        </div>\n        <div class="clearfix mtop10 ui-ann-user-panel dn">\n            <a href="#" class="ann-autor-ico post__ico post-autor-ico pull-left js-user-avatar" target="_blank">\n                <img class="rad" src="" alt="" width="30" height="30">\n            </a>\n            <div class="mtop5 pull-left">\n                <a href="" class="post__autor js-user-name" target="_blank"></a>\n            </div>\n        </div>\n        <button class="btn blue_color flat_btn pull-right mtop10 fs11 post_button">\n            <b>Request explanation</b><span class="meaning-form-loader loader_rect pull-right dn"></span>\n        </button>\n    </form>\n    <div class="info-panel info-panel__gray mtop10 fs11 ui-tips">\n        <h4 class="fs13"><b>Request explanation guidelines:</b></h4>\n        <div>\n            <ul>\n                <li>\n                    Ask us or our community about the part of the song that interests you\n                </li>\n                <li>\n                    We will try to respond as soon as possible\n                </li>\n            </ul>\n        </div>\n    </div>\n</div>\n'}(o),selectCoordinates:n}),Object(r.a)(l.s),new y.a($(this.$$container),x,!0),this.initFormSelectors(),this.addEventListeners(e,i),this.modal.one("modal:close:clickButtonClose",function(){return Object(r.a)(l.i)})},n.initFormSelectors=function(){this.$$form=Object(s.a)(".js-form",this.$$container),this.$$inputUserName=Object(s.a)(".js-form-username",this.$$form)},t}(),P=function(){function t(t){var n=this,e=t.$$container,i=t.alert,o=t.modal,a=t.service;this.annotations=null,this.isLoadAnnotations=!1,this.$$activeSpan=null,this.showAnnotationForm=function(){n.$$btnShowAnnotationForm.classList.add("hide"),n.$$showAnnotationForm.classList.remove("hide")},u()(this),this.$$container=e,this.alert=i,this.modal=o,this.modal.on("modal:autoClose",function(t){t.classList.remove("active","ann-annotated-active"),Object(r.a)(l.g),n.setTargetedUrl()}),this.modal.on("modal:close",function(){n.$$activeSpan&&n.$$activeSpan.classList.remove("active","ann-annotated-active"),n.setTargetedUrl()}),this.annotationService=a,this.render()}var n=t.prototype;return n.render=function(){this.hash&&this.loadAnnotations(),this.addEventListeners()},n.addEventListeners=function(){var t=this;this.$$explains=Object(s.b)(".js-explain",this.$$container),this.$$requests=Object(s.b)(".js-request",this.$$container);var n=function(n,e,i){var o=+n.target.getAttribute("data-id");t.setTargetedUrl(o),t.openAnnotationModal({annotationId:o,type:e,$$annotation:i})};this.$$explains.map(function(e){return e.addEventListener("click",function(i){return i.stopPropagation(),Object(r.a)(l.e),window.UGAPP.store.annotations?void n(i,h,e):void t.loadAnnotations().then(function(){return n(i,h,e)})})}),this.$$requests.map(function(e){return e.addEventListener("click",function(i){return i.stopPropagation(),Object(r.a)(l.k),window.UGAPP.store.annotations?void n(i,p,e):void t.loadAnnotations().then(function(){return n(i,p,e)})})})},n.addFormEventListeners=function(t,n){var e=this;this.$$btnShowAnnotationForm.addEventListener("click",this.showAnnotationForm),this.$$form.addEventListener("submit",function(i){return e.submitExplainForm(i,t,n)})},n.loadAnnotations=function(){var t=this,n=window.song_id;return this.annotationService.loadAnnotation({payload:{song_id:n,get_by:"song",action:"get_by"}}).then(function(n){if(window.UGAPP.store.annotations=n,t.annotations=n,t.addEventListeners(),t.hash){var e=Object(s.a)("span[data-id='"+t.hash+"']",t.$$container),i=e.classList.contains("js-explain")?h:p;t.openAnnotationModal({annotationId:t.hash,type:i,$$annotation:e}),t.isLoadAnnotations||t.scrollAnnotation(e)}t.isLoadAnnotations=!0}).catch(function(t){return c.error(t)})},n.scrollAnnotation=function(t){var n=t.getBoundingClientRect().top-this.modal.modalCoordinates.height/2;window.scrollTo({top:n,behavior:"smooth"})},n.openAnnotationModal=function(t){var n=t.annotationId,e=t.type,i=t.$$annotation;this.$$activeSpan=i,this.trigger("annotationModal:open"),Object(s.b)(".ann-annotated",this.$$container).map(function(t){t.getAttribute("data-id")&&t.classList.remove("active","ann-annotated-active")}),i.classList.add("active");var o=i.innerHTML,a=this.getAnnotationContent(n,o);this.modal.onOpenModal({title:"Explanation",content:a,selectCoordinates:this.getAnnotationCoordinates(i),isAutoClose:!0,$$node:i}),Object(r.a)(l.q),new y.a($(this.$$container),x,!0),this.initFormSelectors(),this.addFormEventListeners(i,e)},n.initFormSelectors=function(){this.$$btnShowAnnotationForm=Object(s.a)(".js-btn-show-annotation-form",this.$$container),this.$$showAnnotationForm=Object(s.a)(".js-show-annotation-form",this.$$container),this.$$form=Object(s.a)(".js-form",this.$$container),this.$$inputUserName=Object(s.a)(".js-form-username",this.$$form),this.$$textarea=Object(s.a)(".js-form-textarea",this.$$form)},n.submitExplainForm=function(t,n,e){var i=this;t.preventDefault();var o=window.song_id,a=this.$$inputUserName.value,s=this.$$textarea.value,d=window.unique_id,u=n.getAttribute("data-id");this.annotationService.postAnnotation({payload:{song_id:o,username:a,text:s,unique_id:d,type:0,interval_id:u}}).then(function(){i.modal.removeModal(),Object(r.a)(l.m),e===p&&(n.classList.remove("ann-annotated-requested","js-request"),n.classList.add("js-explain")),i.loadAnnotations(),window.UserNotificationsService&&window.UserNotificationsService.check()}).catch(function(t){return i.modal.removeModal(),n.classList.remove("active"),i.setTargetedUrl(),t.code&&k[t.code]?void i.alert.createAlert({alertContent:k[t.code]}):void c.error(t)})},n.setTargetedUrl=function(t){var n=t?"#"+t:"",e=document.location.origin+document.location.pathname+document.location.search+n;window.history.replaceState("","",e)},n.getAnnotationContent=function(t,n){if(this.annotations[t]){var e=this.annotations[t].order,i=this.annotations[t].annotations;return""+L(n)+e.map(function(t){return i[t]}).join("")+'\n<div class="ann-add-btn fs14 js-btn-show-annotation-form">Add your explanation</div>\n<div class="js-show-annotation-form mtop10 hide">\n<div class="ui-add-annotation-form">\n<form\n    class="ann-form float-on ann-form meanings_form post post--annotation ui-annotation-form js-form">\n    <div class="clearfix">\n        <div class="clearfix fs12 popup-cont-form-name ui-ann-login-panel">\n            <input class="ui-ann-username js-form-username" placeholder="Username" type="text"></div>\n    </div>\n    <div class="clearfix ui-ann-user-panel dn">\n        <a href="#" class="ann-autor-ico post__ico post-autor-ico pull-left js-user-avatar mright10" target="_blank">\n            <img class="rad" src="" alt="" width="30" height="30">\n        </a>\n        <div class="mtop5 pull-left">\n            <a href="" class="post__autor js-user-name" target="_blank"></a>\n        </div>\n    </div>\n    <div class="post-correct-cont"><textarea class="meaning_inside_frame js-form-textarea"\n                                             style="height: 76px;"\n                                             placeholder="Your explanation"\n                                             data-tracking-focus=\'["Annotations","Lyrics","Annotations Textarea click"]\'></textarea>\n        <div class="post-correct-menu clearfix ui-form-menu">\n            \x3c!--<span class="pull-right">Add image by pasting the URL</span>--\x3e<a\n                class="ui-form-menu-bold text-gray__600" title="[b][/b]"><b>Bold</b></a><a\n                class="ui-form-menu-italic text-gray__600"\n                title="[i][/i]"><i>Italic</i></a><a\n                class="ui-form-menu-link text-gray__600"\n                title="[url=http://example.com]example[/url]">Link</a><a\n                class="ui-form-menu-image text-gray__600">Add an image</a></div>\n    </div>\n    <div class="media detector">\n        <button class="btn blue_color flat_btn pull-right mtop10 fs11 post_button js-form-submit"\n                disabled="disabled"\n                data-tracking-mousedown=\'["Annotations","Lyrics","Annotations PostUnactive click"]\'\n                data-tracking-mousedown-disabled=\'["Annotations","Lyrics","Annotations PostUnactive click"]\'\n                data-tracking-mousedown-enabled=\'["Annotations","Lyrics","Annotations Post click"]\'>\n            <b>Explain</b><span\n                class="meaning-form-loader loader_rect pull-right dn"></span>\n        </button>\n        <div class="media-body step-box fs11 mtop10">\n            <div class="step-block step-block__four step-one pull-left">\n                <div class="step-line step-invis"></div>\n                <div class="step-line step-line-detect"></div>\n                <div class="step-text step-invis">\n                    20 words\n                </div>\n            </div>\n            <div class="step-block step-block__four step-two pull-left">\n                <div class="step-line step-invis"></div>\n                <div class="step-line step-line-detect"></div>\n                <div class="step-text step-invis">\n                    Good\n                </div>\n            </div>\n            <div class="step-block step-block__four step-three pull-left">\n                <div class="step-line step-invis"></div>\n                <div class="step-line step-line-detect"></div>\n                <div class="step-text step-invis">\n                    Cool\n                </div>\n            </div>\n            <div class="step-block step-block__four step-four pull-left">\n                <div class="step-line step-invis"></div>\n                <div class="step-line step-line-detect"></div>\n                <div class="step-text step-invis">\n                    Awesome!\n                </div>\n            </div>\n        </div>\n    </div>\n</form>\n<div class="info-panel info-panel__gray mtop10 fs11 ui-tips">\n    <h4 class="fs13"><b>Explanation guidelines:</b></h4>\n    <div>\n        <ul>\n            <li>\n                Describe what artist is trying to say in a certain line, whether\n                it\'s personal feelings, strong statement or something else.\n            </li>\n            <li>\n                Provide song facts, names, places and other worthy info that may\n                give readers a perfect insight on the song\'s meaning.\n            </li>\n            <li>\n                Add links, pictures and videos to make your explanation more\n                appealing. Provide quotes to support the facts you mention.\n            </li>\n        </ul>\n        <div class="mtop15">\n            Before you get started, be sure to check out these explanations created\n            by our users:\n            <a href="/lyrics/d/demi_lovato/let_it_go.html#134"\n               target="_blank" class="text-blue">good</a>,\n            <a href="/lyrics/k/katy_perry/roar.html#429"\n               target="_blank" class="text-blue">very good</a>,\n            <a href="/lyrics/n/nirvana/smells_like_teen_spirit.html#692"\n               target="_blank" class="text-blue">great</a>.\n        </div>\n    </div>\n</div>\n</div>\n</div>\n'}return""},n.getAnnotationCoordinates=function(t){var n=t.getBoundingClientRect();return{left:n.left,top:n.top,width:n.width,height:n.height}},a()(t,[{key:"hash",get:function(){var t=null;return window.location.hash&&window.location.hash.substr(1)&&(t=+window.location.hash.substr(1)),t}}]),t}(),j=function(){function t(t){var n=this,e=t.$$container,i=t.$$modal,o=t.isMobile;this.bodyScrollPosition=null,this.onCloseModal=function(){n.removeModal(),n.trigger("modal:close")},u()(this),this.$$container=e,this.$$modal=i,this.$$modalTitle=Object(s.a)(".js-modal-title",i),this.$$modalContent=Object(s.a)(".js-modal-content",i),this.$$close=Object(s.a)(".js-modal-close",i),this.$$body=Object(s.a)("body"),this.isMobile=o,this.render()}var n=t.prototype;return n.render=function(){this.addEventListeners()},n.addEventListeners=function(){var t=this;this.$$modal.addEventListener("click",function(t){return t.stopPropagation()}),this.$$close&&this.$$close.addEventListener("click",function(){t.trigger("modal:close:clickButtonClose"),t.onCloseModal()})},n.onOpenModal=function(t){var n=this,e=t.title,i=t.content,o=t.selectCoordinates,a=t.isAutoClose,s=t.$$node,r=t.isAppend;this.isMobile&&(this.bodyScrollPosition=window.scrollY,this.$$body.classList.add("overflow-content")),a&&setTimeout(function(){return n.autoCloseModal(s)},0),this.$$modal.classList.remove("hide"),this.$$modalTitle.innerHTML=e,void 0!==r&&r?this.$$modalContent.appendChild(i):this.$$modalContent.innerHTML=i,this.positionModal(o)},n.positionModal=function(t){var n=this.$$modal.getBoundingClientRect().height;n>window.innerHeight?n=50:n/=2;var e=t.left+t.width-this.containerCoordinatesX,i=t.top+t.height/2-this.containerCoordinatesY-n;this.$$modal.style.left=e+"px",this.$$modal.style.top=i+"px"},n.autoCloseModal=function(t){var n=this,e=function(){window.qwe||(n.removeModal(),document.removeEventListener("click",e),n.trigger("modal:autoClose",t))};document.addEventListener("click",e)},n.removeModal=function(){this.isMobile&&(this.$$body.classList.remove("overflow-content"),window.scrollTo(0,this.bodyScrollPosition)),this.$$modal.classList.add("hide"),this.$$modalTitle.innerHTML="",this.$$modalContent.innerHTML=""},a()(t,[{key:"isShowModal",get:function(){return!this.$$modal.classList.contains("hide")}},{key:"containerCoordinatesX",get:function(){return this.$$container.getBoundingClientRect().left}},{key:"containerCoordinatesY",get:function(){return this.$$container.getBoundingClientRect().top}},{key:"modalCoordinates",get:function(){return this.$$modal.getBoundingClientRect()}}]),t}(),T=function(){return e.e(15).then(e.bind(null,"fpy4"))},N=function(t){var n=t.url,e=t.payload,i=void 0===e?{}:e,o=t.query,a=void 0===o?null:o;return T().then(function(t){return(0,t.post)(n,i,a)})},U=function(){return{reattachAnnotation:function(t){function n(){return t.apply(this,arguments)}return n.toString=function(){return t.toString()},n}(function(t){var n=t.payload;return N({url:"/ajax/annotation_actions.php",payload:n})}),postAnnotation:function(t){function n(){return t.apply(this,arguments)}return n.toString=function(){return t.toString()},n}(function(t){var n=t.payload;return N({url:"/site/post-annotation",payload:n})}),loadAnnotation:function(t){function n(){return t.apply(this,arguments)}return n.toString=function(){return t.toString()},n}(function(t){var n=t.payload;return N({url:"/site/load-annotations",payload:n})}),voteAnnotation:function(t){function n(){return t.apply(this,arguments)}return n.toString=function(){return t.toString()},n}(function(t){var n=t.payload;return N({url:"/site/vote-annotation",payload:n})})}};e.d(n,"default",function(){return F});var q={1:{type:"danger",title:"Attention!",text:"An explanation cannot contain any part of another explanation.",duration:5e3}},G=((i={})[h]=["ann-annotated","ann-annotated-active"],i[p]=["ann-annotated","ann-annotated-requested","ann-annotated-active"],i),F=function(){function t(t,n){var e=this;this.onShowMarker=function(t){e.modal.isShowModal||e.modalShowAnnotation.isShowModal||(e.textSelect.createActiveRange(),setTimeout(function(){e.textSelect.isCollapsed||e.marker.onShowMarker(t,e.textSelect.selectCoordinates),e.marker.onHideMarkerDocumentClick()},0))},this.createSelection=function(t){try{var n=e.textSelect.select(G[t]),i=e.textSelect.selectCoordinates[e.textSelect.selectCoordinates.length-1];t===h&&e.explain.openExplanationModal({selectCoordinates:i,intervalSelection:n,highlightSpan:e.textSelect.highlightSpan}),t===p&&e.request.openRequestModal({selectCoordinates:i,intervalSelection:n,highlightSpan:e.textSelect.highlightSpan})}catch(t){if(e.marker.onHideMarker(),t.code&&q[t.code])return e.alert.createAlert({alertContent:q[t.code]}),void Object(r.a)(l.d);c.error(t)}},this.$$container=t,this.$$marker=Object(s.a)(".js-annotation-button",t),this.$$modal=Object(s.a)(".js-modal",t),this.$$modalShowAnnotation=Object(s.a)(".js-show-annotation-modal",t),this.annotationService=U(),this.isMobile=n,this.render()}var n=t.prototype;return n.render=function(){this.textSelect=new S({$$container:this.$$container}),this.marker=new f({$$container:this.$$container,$$marker:this.$$marker,isMobile:this.isMobile}),this.alert={createAlert:function(t){var n=t.alertContent;this.$$alertContainer&&this.removeAlert();var e=function(t){return'\n<div class="alert alert--'+t.type+'">\n    <div class="alert__close js-alert-close">×</div>\n    <div class="alert__title">'+t.title+'</div>\n    <div class="alert__text">'+t.text+"</div>\n</div>"}(w()({},n));this.$$alertContainer=document.createElement("div"),this.$$alertContainer.innerHTML=e,document.body.appendChild(this.$$alertContainer),Object(s.a)(".js-alert-close",this.$$alertContainer).addEventListener("click",this.removeAlert.bind(this)),this.alertTimer=setTimeout(this.removeAlert.bind(this),n.duration)},removeAlert:function(){document.body.removeChild(this.$$alertContainer),this.$$alertContainer=null,clearInterval(this.alertTimer)}},this.modal=new j({$$container:this.$$container,$$modal:this.$$modal,isMobile:this.isMobile}),this.modalShowAnnotation=new j({$$container:this.$$container,$$modal:this.$$modalShowAnnotation,isMobile:this.isMobile}),this.explain=new O({$$container:this.$$container,alert:this.alert,modal:this.modal,service:this.annotationService}),this.request=new I({$$container:this.$$container,alert:this.alert,modal:this.modal,service:this.annotationService}),this.showAnnotation=new P({$$container:this.$$container,alert:this.alert,modal:this.modalShowAnnotation,service:this.annotationService}),this.events(),window.getSelection&&this.addEventListeners()},n.events=function(){var t=this;this.explain.on("explain:submit",function(n){t.showAnnotation.setTargetedUrl(n),t.showAnnotation.loadAnnotations()}),this.request.on("request:submit",function(){t.showAnnotation.loadAnnotations()}),this.marker.on("explanationAction:click",function(n){t.createSelection(n)}),this.modal.on("modal:close",function(){t.textSelect.removeSelectionNodeContainer()}),this.showAnnotation.on("annotationModal:open",function(){t.marker.onHideMarker()})},n.addEventListeners=function(){var t=this;this.$$container.addEventListener("mouseup",this.onShowMarker),this.isMobile&&this.$$container.addEventListener("touchend",function(n){t.isTextContainer&&t.onShowMarker(n)}),this.isMobile&&document.addEventListener("selectionchange",function(n){setTimeout(function(){t.isTextContainer&&t.onShowMarker(n)},0)})},a()(t,[{key:"isTextContainer",get:function(){var t=window.getSelection(),n=!1;if(t&&!t.isCollapsed){var e=t.getRangeAt(0).startContainer,i=function(){var t=e.parentElement.nodeName,o=e.parentElement.nodeType,a=e.parentElement;return"DIV"===t&&1===o&&a.classList.contains("js-new-text-select")?void(n=!0):"BODY"===t?void(n=!1):(e=a,void i())};return i(),n}return n}}]),t}()}}]);