Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

xns-audio-player-simple

Package Overview
Dependencies
Maintainers
1
Versions
20
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

xns-audio-player-simple - npm Package Compare versions

Comparing version 2.1.0 to 3.0.0

4

dist/index.js
/*!
* xns-audio-player-simple v2.1.0
* xns-audio-player-simple v2.0.2
* (c) James Sinkala
* Released under the ISC License.
*/
"use strict";var t=require("vue-ionicons/dist/ios-repeat"),e=require("vue-ionicons/dist/ios-skip-backward"),n=require("vue-ionicons/dist/ios-play"),r=require("vue-ionicons/dist/ios-pause"),i=require("vue-ionicons/dist/ios-square"),s=require("vue-ionicons/dist/ios-skip-forward"),a=require("vue-ionicons/dist/ios-more"),o=require("vue-ionicons/dist/ios-add-circle-outline"),l=require("vue-ionicons/dist/ios-add-circle"),c=require("vue-ionicons/dist/ios-remove-circle-outline"),d=require("vue-ionicons/dist/ios-remove-circle"),u=require("vue-ionicons/dist/ios-musical-note");function h(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var p=h(t),f=h(e),m=h(n),g=h(r),w=h(i),y=h(s),v=h(a),k=h(o),b=h(l),x=h(c),C=h(d),T=h(u);!function(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.styleSheet?i.styleSheet.cssText=t:i.appendChild(document.createTextNode(t))}}("/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\r\n ========================================================================== */\n\n/**\r\n * 1. Correct the line height in all browsers.\r\n * 2. Prevent adjustments of font size after orientation changes in iOS.\r\n */\n\n/* Sections\r\n ========================================================================== */\n\n/**\r\n * Remove the margin in all browsers.\r\n */\n\n/**\r\n * Render the `main` element consistently in IE.\r\n */\n\n/**\r\n * Correct the font size and margin on `h1` elements within `section` and\r\n * `article` contexts in Chrome, Firefox, and Safari.\r\n */\n\n/* Grouping content\r\n ========================================================================== */\n\n/**\r\n * 1. Add the correct box sizing in Firefox.\r\n * 2. Show the overflow in Edge and IE.\r\n */\n\n/**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\n\n/* Text-level semantics\r\n ========================================================================== */\n\n/**\r\n * Remove the gray background on active links in IE 10.\r\n */\n\na {\n background-color: transparent;\n}\n\n/**\r\n * 1. Remove the bottom border in Chrome 57-\r\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\r\n */\n\n/**\r\n * Add the correct font weight in Chrome, Edge, and Safari.\r\n */\n\n/**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\n\n/**\r\n * Add the correct font size in all browsers.\r\n */\n\n/**\r\n * Prevent `sub` and `sup` elements from affecting the line height in\r\n * all browsers.\r\n */\n\n/* Embedded content\r\n ========================================================================== */\n\n/**\r\n * Remove the border on images inside links in IE 10.\r\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\r\n ========================================================================== */\n\n/**\r\n * 1. Change the font styles in all browsers.\r\n * 2. Remove the margin in Firefox and Safari.\r\n */\n\n/**\r\n * Show the overflow in IE.\r\n * 1. Show the overflow in Edge.\r\n */\n\n/**\r\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\r\n * 1. Remove the inheritance of text transform in Firefox.\r\n */\n\n/**\r\n * Correct the inability to style clickable types in iOS and Safari.\r\n */\n\n/**\r\n * Remove the inner border and padding in Firefox.\r\n */\n\n/**\r\n * Restore the focus styles unset by the previous rule.\r\n */\n\n/**\r\n * Correct the padding in Firefox.\r\n */\n\n/**\r\n * 1. Correct the text wrapping in Edge and IE.\r\n * 2. Correct the color inheritance from `fieldset` elements in IE.\r\n * 3. Remove the padding so developers are not caught out when they zero out\r\n * `fieldset` elements in all browsers.\r\n */\n\n/**\r\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\r\n * Remove the default vertical scrollbar in IE 10+.\r\n */\n\n/**\r\n * 1. Add the correct box sizing in IE 10.\r\n * 2. Remove the padding in IE 10.\r\n */\n\n/**\r\n * Correct the cursor style of increment and decrement buttons in Chrome.\r\n */\n\n/**\r\n * 1. Correct the odd appearance in Chrome and Safari.\r\n * 2. Correct the outline style in Safari.\r\n */\n\n/**\r\n * Remove the inner padding in Chrome and Safari on macOS.\r\n */\n\n/**\r\n * 1. Correct the inability to style clickable types in iOS and Safari.\r\n * 2. Change font properties to `inherit` in Safari.\r\n */\n\n/* Interactive\r\n ========================================================================== */\n\n/*\r\n * Add the correct display in Edge, IE 10+, and Firefox.\r\n */\n\ndetails {\n display: block;\n}\n\n/*\r\n * Add the correct display in all browsers.\r\n */\n\n/* Misc\r\n ========================================================================== */\n\n/**\r\n * Add the correct display in IE 10+.\r\n */\n\ntemplate {\n display: none;\n}\n\n/**\r\n * Add the correct display in IE 10.\r\n */\n\n[hidden] {\n display: none;\n}\n\n/**\r\n * Manually forked from SUIT CSS Base: https://github.com/suitcss/base\r\n * A thin layer on top of normalize.css that provides a starting point more\r\n * suitable for web applications.\r\n */\n\n/**\r\n * Removes the default spacing and border for appropriate elements.\r\n */\n\n/**\r\n * Work around a Firefox/IE bug where the transparent `button` background\r\n * results in a loss of the default `button` focus styles.\r\n */\n\n/**\r\n * Tailwind custom reset styles\r\n */\n\n/**\r\n * 1. Use the user's configured `sans` font-family (with Tailwind's default\r\n * sans-serif font stack as a fallback) as a sane default.\r\n * 2. Use Tailwind's default \"normal\" line-height so the user isn't forced\r\n * to override it to ensure consistency even when using the default theme.\r\n */\n\n/**\r\n * 1. Prevent padding and border from affecting element width.\r\n *\r\n * We used to set this in the html element and inherit from\r\n * the parent element for everything else. This caused issues\r\n * in shadow-dom-enhanced elements like <details> where the content\r\n * is wrapped by a div with box-sizing set to `content-box`.\r\n *\r\n * https://github.com/mozdevs/cssremedy/issues/4\r\n *\r\n *\r\n * 2. Allow adding a border to an element by just adding a border-width.\r\n *\r\n * By default, the way the browser specifies that an element should have no\r\n * border is by setting it's border-style to `none` in the user-agent\r\n * stylesheet.\r\n *\r\n * In order to easily add borders to elements by just setting the `border-width`\r\n * property, we change the default border-style for all elements to `solid`, and\r\n * use border-width to hide them instead. This way our `border` utilities only\r\n * need to set the `border-width` property instead of the entire `border`\r\n * shorthand, making our border utilities much more straightforward to compose.\r\n *\r\n * https://github.com/tailwindcss/tailwindcss/pull/116\r\n */\n\n*,\r\n::before,\r\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e2e8f0; /* 2 */\n}\n\n/*\r\n * Ensure horizontal rules are visible by default\r\n */\n\n/**\r\n * Undo the `border-style: none` reset that Normalize applies to images so that\r\n * our `border-{width}` utilities have the expected effect.\r\n *\r\n * The Normalize reset is unnecessary for us since we default the border-width\r\n * to 0 on all elements.\r\n *\r\n * https://github.com/tailwindcss/tailwindcss/issues/362\r\n */\n\nimg {\n border-style: solid;\n}\n\n/**\r\n * Reset links to optimize for opt-in styling instead of\r\n * opt-out.\r\n */\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/**\r\n * Reset form element properties that are easy to forget to\r\n * style explicitly so you don't inadvertently introduce\r\n * styles that deviate from your design system. These styles\r\n * supplement a partial reset that is already applied by\r\n * normalize.css.\r\n */\n\n/**\r\n * Use the configured 'mono' font family for elements that\r\n * are expected to be rendered with a monospace font, falling\r\n * back to the system monospace stack if there is no configured\r\n * 'mono' font family.\r\n */\n\n/**\r\n * Make replaced elements `display: block` by default as that's\r\n * the behavior you want almost all of the time. Inspired by\r\n * CSS Remedy, with `svg` added as well.\r\n *\r\n * https://github.com/mozdevs/cssremedy/issues/14\r\n */\n\nimg,\r\naudio {\n display: block;\n vertical-align: middle;\n}\n\n/**\r\n * Constrain images and videos to the parent width and preserve\r\n * their instrinsic aspect ratio.\r\n *\r\n * https://github.com/mozdevs/cssremedy/issues/14\r\n */\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\n.tw-bg-transparent {\n background-color: transparent;\n}\n\n.tw-bg-center {\n background-position: center;\n}\n\n.tw-bg-no-repeat {\n background-repeat: no-repeat;\n}\n\n.tw-bg-cover {\n background-size: cover;\n}\n\n.tw-cursor-pointer {\n cursor: pointer;\n}\n\n.tw-flex {\n display: flex;\n}\n\n.tw-inline-flex {\n display: inline-flex;\n}\n\n.tw-flex-row {\n flex-direction: row;\n}\n\n.tw-flex-col {\n flex-direction: column;\n}\n\n.tw-flex-wrap {\n flex-wrap: wrap;\n}\n\n.tw-items-center {\n align-items: center;\n}\n\n.tw-justify-start {\n justify-content: flex-start;\n}\n\n.tw-justify-end {\n justify-content: flex-end;\n}\n\n.tw-justify-center {\n justify-content: center;\n}\n\n.tw-justify-between {\n justify-content: space-between;\n}\n\n.tw-flex-1 {\n flex: 1 1 0%;\n}\n\n.tw-flex-grow-0 {\n flex-grow: 0;\n}\n\n.tw-flex-grow {\n flex-grow: 1;\n}\n\n.tw-float-right {\n float: right;\n}\n\n.tw-float-left {\n float: left;\n}\n\n.tw-m-0 {\n margin: 0;\n}\n\n.tw-m-1 {\n margin: 0.25rem;\n}\n\n.tw-mx-1 {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n}\n\n.tw-mx-2 {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.tw-mt-0 {\n margin-top: 0;\n}\n\n.tw-mr-0 {\n margin-right: 0;\n}\n\n.tw-mb-0 {\n margin-bottom: 0;\n}\n\n.tw-ml-0 {\n margin-left: 0;\n}\n\n.tw-max-h-simplePlyrmaxheightsm {\n max-height: 80px;\n}\n\n.tw-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.tw-px-0 {\n padding-left: 0;\n padding-right: 0;\n}\n\n.tw-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n.tw-text-white {\n color: #fff;\n}\n\n.tw-text-primary-green {\n color: #21FB92;\n}\n\n.tw-align-middle {\n vertical-align: middle;\n}\n\n.tw-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.tw-w-12 {\n width: 3rem;\n}\n\n.tw-w-auto {\n width: auto;\n}\n\n.tw-w-full {\n width: 100%;\n}\n\n.tw-z-20 {\n z-index: 20;\n}");var P={name:"XnsAudioPlayerSimple",components:{RepeatIcon:p.default,SkipBackwardIcon:f.default,PlayIcon:m.default,PauseIcon:g.default,SquareIcon:w.default,SkipForwardIcon:y.default,BufferingIcon:v.default,VolumeAddIcon:b.default,VolumeReduceIcon:C.default,VolumeReduceIconInactive:x.default,VolumeAddIconInactive:k.default,MusicalNoteIcon:T.default},props:{playlist:{type:Array,default:function(){return[]}},playerWidth:{type:Number,default:0},repeatAll:{type:Boolean,default:!1},playerVolume:{type:Number,default:.5},stopPlayback:{type:Boolean,default:!1},pausePlayback:{type:Boolean,default:!1},showAudioDuration:{type:Boolean,default:!0},showAudioData:{type:Boolean,default:!0},progressBarColor:{type:String,default:"#008080"},progressBarListen:{type:Boolean,default:!0},progressBarHeight:{type:Number,default:20},progressBarShadeColor:{type:String,default:"#e1e1e1"},progressBarColorIntensity:{type:Number,default:.5}},data:function(){return{localPlayerWidth:0,localProgressBarColor:"",songs:[],songsCount:0,playerIsPlaying:!1,playerIsPaused:!1,playerIsStopped:!1,isFirstTrack:!0,isMuted:!1,playerIsLoading:!1,continuousPlaybackStatus:!1,audio:new Audio,volume:.5,buffered:0,currentTrackId:0,currentTrackTime:0,currentTrackDuration:0,lastSongId:0,coverColors:["#009688","#e91e63","#9c27b0","#673ab7","#3f51b5","#2196f3","#00bcd4","#4caf50","#ff9800","#607d8b","#795548","#008080"],coverColor:"",progress:0,progressBarTotalWidth:0}},watch:{immediate:!0,playerVolume:function(){this.updatePlayerVolume(this.playerVolume)},repeatAll:function(){this.updateContinuousPlaybackStatus(this.repeatAll)},playlist:function(){this.updateSongs(this.playlist)},stopPlayback:function(){this.stopPlayback&&this.stop()},pausePlayback:function(){this.pausePlayback&&this.pause()},playerWidth:function(){this.adjustPlayerDimensions(this.playerWidth)},progressBarColor:function(){this.validateProgressColor(this.progressBarColor)},currentTrackTime:function(){this.calibrateProgress(this.currentTrackTime)},currentTrackDuration:function(){this.calibrateProgress(this.currentTrackTime,this.currentTrackDuration)},progressBarListen:function(){this.listenToEvents(this.progressBarListen)},progressBarColorIntensity:function(){this.hexOpacity(this.progressBarColor,this.progressBarColorIntensity)}},filters:{doubleDigits:function(t){if(isNaN(t))return"00";if(t<60)return t.toFixed()<10?"0 : 0"+t.toFixed():"0 : "+t.toFixed();var e=t.toFixed()%60==60?"00":(t%60).toFixed();return Math.floor(t.toFixed()/60).toFixed()+" : "+(e<10?"0"+e:e)}},mounted:function(){var t=this;this.songs=this.playlist,setTimeout((function(){t.coverColor=t.pickRandomColor(),t.lastSongId=t.songs.length-1,t.updatePlayerVolume(t.playerVolume),t.updateContinuousPlaybackStatus(t.repeatAll),t.adjustPlayerDimensions(t.playerWidth),t.updateSongs(t.playlist),t.validateProgressColor(t.progressBarColor)}),300),this.audio.volume=this.volume,this.calibrateProgress(this.currentTrackTime,this.currentTrackDuration),this.hexOpacity(this.progressBarColor,this.progressBarColorIntensity),this.listenToEvents(this.progressBarListen),window.addEventListener("resize",this.windowResize,!1)},methods:{getClickPosition:function(t){var e=(t=t||window.event).target||t.srcElement;3==e.nodeType&&(e=e.parentNode),this.progressBarTotalWidth=this.progressBarTotalWidth||e.offsetWidth;var n=t.offsetX;this.progress=n/this.progressBarTotalWidth*100;var r=this.progress/100*this.currentTrackDuration;this.seekPlayer(r)},detectMouseDown:function(t){t.preventDefault(),this.$refs.trackprogress.addEventListener("mousemove",this.getClickPosition,!1)},detectMouseUp:function(){this.$refs.trackprogress.removeEventListener("mousemove",this.getClickPosition,!1)},windowResize:function(){var t=this;setTimeout((function(){t.progressBarTotalWidth=t.$refs.trackprogress.offsetWidth}),200)},listenToEvents:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];t?(this.$refs.trackprogress.addEventListener("click",this.getClickPosition,!1),this.$refs.trackprogress.addEventListener("mousedown",this.detectMouseDown,!1),this.$refs.trackprogress.addEventListener("mouseup",this.detectMouseUp,!1)):(this.$refs.trackprogress.removeEventListener("click",this.getClickPosition,!1),this.$refs.trackprogress.removeEventListener("mousedown",this.detectMouseDown,!1),this.$refs.trackprogress.removeEventListener("mouseup",this.detectMouseUp,!1))},calibrateProgress:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.currentTrackTime,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.currentTrackDuration,n=t/e*100;this.progress=n<=100?n:100},hexOpacity:function(t,e){var n=100*(e+this.volume)<=99?100*(e+this.volume):99;this.localProgressBarColor="".concat(t)+n},adjustPlayerDimensions:function(t){this.localPlayerWidth=t<320&&0!==t?320:t},validateProgressColor:function(t){this.localProgressBarColor=-1!==this.coverColors.indexOf(t)?t:"#008080",this.hexOpacity(this.localProgressBarColor,this.progressBarColorIntensity)},pickRandomColor:function(){return this.coverColors[Math.floor(Math.random()*this.coverColors.length)]},checkPlayerWidth:function(t){return this.localPlayerWidth>=t||0===this.localPlayerWidth},emitPlayerStatus:function(t){var e=this;setTimeout((function(){e.$emit("player-status",t)}),200)},decreaseVolume:function(){this.updatePlayerVolume(this.volume-.1>=0?this.volume-.1:0)},increaseVolume:function(){this.updatePlayerVolume(this.volume+.1<=1?this.volume+.1:1)},audioListening:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];t?(this.audio.addEventListener("loadeddata",this.proccessPlaybackStart,!1),this.audio.addEventListener("timeupdate",this.proccessPlaybackTimeUpdate,!1),this.audio.addEventListener("pause",this.proccessPlaybackPause,!1),this.audio.addEventListener("emptied",this.proccessPlaybackEmptied,!1),this.audio.addEventListener("ended",this.proccessPlaybackStop,!1)):(this.audio.removeEventListener("loadeddata",this.proccessPlaybackStart,!1),this.audio.removeEventListener("timeupdate",this.proccessPlaybackTimeUpdate,!1),this.audio.removeEventListener("pause",this.proccessPlaybackPause,!1),this.audio.removeEventListener("emptied",this.proccessPlaybackEmptied,!1),this.audio.removeEventListener("ended",this.proccessPlaybackStop,!1))},updateUi:function(t){this.updateLoadingStatus(t.loading),this.updatePlayingStatus(t.playing),this.updatePauseStatus(t.pause),this.updateStopStatus(t.stop)},proccessPlaybackStart:function(){this.updateUi({loading:!1,playing:!0,pause:!1,stop:!1}),this.updateCurrentTrackDuration(this.audio.duration),this.emitPlayerStatus("playing")},proccessPlaybackTimeUpdate:function(){isNaN(this.currentTrackDuration)||!isFinite(this.currentTrackDuration)?this.updateCurrentTrackDuration(260):this.updateCurrentTrackDuration(isNaN(this.audio.duration)||!isFinite(this.audio.duration)?260:this.audio.duration),this.playerIsLoading&&this.updateLoadingStatus(!1),this.updateCurrentTrackTime(this.audio.currentTime),this.updateUi({loading:!1,playing:!0,pause:!1,stop:!1})},proccessPlaybackPause:function(){this.updateUi({loading:!1,playing:!1,pause:!0,stop:!1}),this.emitPlayerStatus("paused")},proccessPlaybackEmptied:function(){this.audio.removeEventListener("loadeddata",this.proccessPlaybackStart,!1),this.audio.removeEventListener("timeupdate",this.proccessPlaybackTimeUpdate,!1),this.audio.removeEventListener("pause",this.proccessPlaybackEmptied,!1),this.updateCurrentTrackTime(0),this.updateCurrentTrackDuration(100),this.updateUi({loading:!1,playing:!1,pause:!1,stop:!0}),this.emitPlayerStatus("stopped")},proccessPlaybackStop:function(){this.emitPlayerStatus("stopped"),this.audio.removeEventListener("loadeddata",this.proccessPlaybackStart,!1),this.audio.removeEventListener("timeupdate",this.proccessPlaybackTimeUpdate,!1),this.audio.removeEventListener("pause",this.proccessPlaybackPause,!1),this.updateCurrentTrackTime(0),this.updateCurrentTrackDuration(100),this.updateUi({loading:!1,playing:!1,pause:!1,stop:!0}),this.continuousPlaybackStatus&&(this.currentTrackId+1<=this.lastSongId?(this.updatePlayingStatus(!0),this.updateCurrentTrackId(this.currentTrackId+1),this.playTrack()):(this.updatePlayingStatus(!0),this.updateCurrentTrackId(0),this.playTrack()))},updateSongs:function(t){this.songs=t,this.songsCount=t.length,this.lastSongId=t.length-1},updateContinuousPlaybackStatus:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:!this.continuousPlaybackStatus;this.continuousPlaybackStatus=t},updateCurrentTrackId:function(t){this.currentTrackId=t},updateCurrentTrackTime:function(t){this.currentTrackTime=t,this.$emit("playback-timer",{playingItemDuration:this.currentTrackDuration,playingItemTime:this.currentTrackTime})},updateCurrentTrackDuration:function(t){this.currentTrackDuration=t},updatePlayerVolume:function(t){this.volume=t,this.audio.volume=this.volume},updateLoadingStatus:function(t){this.playerIsLoading=t},updatePlayingStatus:function(t){this.playerIsPlaying=t},updatePauseStatus:function(t){this.playerIsPaused=t},updateStopStatus:function(t){this.playerIsStopped=t},playTrack:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.currentTrackId,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.songsCount<=0)return!1;var r=this;this.playerIsPaused&!n?(this.audio.currentTime=this.currentTrackTime,setTimeout((function(){t.audio.play(),r.audioListening()}),10)):(this.audio.load(),this.coverColor=this.pickRandomColor(),this.playerIsLoading=!0,this.currentTrackId=e,this.audio.src=this.songs[e].audio,this.audio.play(),setTimeout((function(){r.audioListening()}),10)),this.audio.volume=this.volume},pause:function(){var t=this;this.audioListening(!1),setTimeout((function(){t.audio.pause(),t.updateUi({loading:!1,playing:!1,pause:!0,stop:!1})}),10)},stop:function(){var t=this,e=this;e.audio.load(),setTimeout((function(){t.currentTrackTime=0,t.audio.currentTime=0,e.updateUi({loading:!1,playing:!1,pause:!1,stop:!0}),e.audioListening(!1)}),10)},next:function(){var t=this,e=this;this.currentTrackId+1<=this.lastSongId?(this.currentTrackId+=1,this.audioListening(!1),setTimeout((function(){e.playTrack(t.currentTrackId,!0)}),10)):this.continuousPlaybackStatus&&(this.currentTrackId=0,this.audioListening(!1),setTimeout((function(){e.playTrack(t.currentTrackId,!0)}),10))},previous:function(){var t=this,e=this;this.currentTrackId-1>=0?(this.currentTrackId-=1,this.audioListening(!1),setTimeout((function(){e.playTrack(t.currentTrackId,!0)}),10)):this.continuousPlaybackStatus&&(this.currentTrackId=this.lastSongId,this.audioListening(!1),setTimeout((function(){e.playTrack(t.currentTrackId,!0)}),10))},seekPlayer:function(t){var e=this;this.audioListening(!1),this.currentTrackTime=t,this.audio.currentTime=t,setTimeout((function(){e.audioListening()}),10)}}};function I(t,e,n,r,i,s,a,o,l,c){"boolean"!=typeof a&&(l=o,o=a,a=!1);const d="function"==typeof n?n.options:n;let u;if(t&&t.render&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0,i&&(d.functional=!0)),r&&(d._scopeId=r),s?(u=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,l(t)),t&&t._registeredComponents&&t._registeredComponents.add(s)},d._ssrRegister=u):e&&(u=a?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,o(t))}),u)if(d.functional){const t=d.render;d.render=function(e,n){return u.call(n),t(e,n)}}else{const t=d.beforeCreate;d.beforeCreate=t?[].concat(t,u):[u]}return n}const S="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function E(t){return(t,e)=>function(t,e){const n=S?e.media||"default":t,r=B[n]||(B[n]={ids:new Set,styles:[]});if(!r.ids.has(t)){r.ids.add(t);let n=e.source;if(e.map&&(n+="\n/*# sourceURL="+e.map.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),r.element||(r.element=document.createElement("style"),r.element.type="text/css",e.media&&r.element.setAttribute("media",e.media),void 0===L&&(L=document.head||document.getElementsByTagName("head")[0]),L.appendChild(r.element)),"styleSheet"in r.element)r.styles.push(n),r.element.styleSheet.cssText=r.styles.filter(Boolean).join("\n");else{const t=r.ids.size-1,e=document.createTextNode(n),i=r.element.childNodes;i[t]&&r.element.removeChild(i[t]),i.length?r.element.insertBefore(e,i[t]):r.element.appendChild(e)}}}(t,e)}let L;const B={};var _=I({render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("div",{staticClass:"tw-flex tw-flex-row tw-flex-wrap tw-z-20 tw-min-h-10 tw-max-h-simplePlyrmaxheightsm tw-py-0 tw-px-0 tw-mt-0 tw-mr-0 tw-mb-0 tw-ml-0 tw-bg-no-repeat tw-bg-center tw-bg-cover pp",style:"width: "+(0===t.localPlayerWidth?"100%":t.localPlayerWidth+"px")},[n("div",{staticClass:"tw-flex tw-flex-row tw-w-full tw-items-center tw-justify-between"},[n("div",{ref:"trackprogress",staticClass:"xns-seeker-progress-wrapper",style:"height: "+t.progressBarHeight+"px; background: "+t.progressBarShadeColor},[n("div",{staticClass:"xns-seeker-progress-bar",style:"width: "+t.progress+"%; background: "+t.localProgressBarColor})])]),t._v(" "),n("div",{staticClass:"tw-flex tw-flex-row tw-w-full tw-p-r-3 tw-p-l-1 tw-m-0 tw-w-full pp-controls",attrs:{title:t.songsCount>0?t.songs[t.currentTrackId].artist+" - "+t.songs[t.currentTrackId].title:"No Audio To Play"}},[n("div",{staticClass:"tw-inline-flex tw-flex-grow-0 tw-w-12 tw-m-1 tw-float-left",style:t.songsCount>0&&""!==t.songs[t.currentTrackId].cover?"":"background-color: "+t.coverColor},[t.songsCount>0&&""!==t.songs[t.currentTrackId].cover?n("img",{staticClass:"tw-h-auto tw-w-full",attrs:{src:t.songs[t.currentTrackId].cover}}):n("MusicalNoteIcon",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons tw-h-full tw-w-auto",w:"40",h:"40"}})],1),t._v(" "),n("div",{staticClass:"tw-inline-flex tw-flex-grow tw-flex-col tw-items-center tw-w-full"},[n("div",{staticClass:"tw-inline-flex tw-flex-row tw-w-full tw-items-center tw-align-middle tw-justify-between tw-p-l-3 tw-p-r-1 tw-py-1"},[n("div",{staticClass:"tw-inline-flex tw-flex-row tw-justify-start"},[(t.currentTrackId>0||t.continuousPlaybackStatus)&&t.songsCount>0?n("div",{staticClass:"tw-flex-1 tw-m-1 tw-justify-center tw-align-middle",on:{click:function(e){return t.previous()}}},[n("SkipBackwardIcon",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons",w:"30",h:"30"}})],1):t._e(),t._v(" "),n("div",{staticClass:"tw-flex-1 tw-m-1 tw-justify-center tw-align-middle"},[n("span",{directives:[{name:"show",rawName:"v-show",value:!t.playerIsPlaying&&!t.playerIsLoading,expression:"!playerIsPlaying && !playerIsLoading"}],on:{click:function(e){return t.playTrack()}}},[n("PlayIcon",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons",w:"30",h:"30"}})],1),t._v(" "),n("span",{directives:[{name:"show",rawName:"v-show",value:t.playerIsPlaying&&!t.playerIsLoading,expression:"playerIsPlaying && !playerIsLoading"}],attrs:{disabled:t.songsCount<=0},on:{click:function(e){return t.pause()}}},[n("PauseIcon",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons",w:"30",h:"30"}})],1),t._v(" "),n("span",[n("BufferingIcon",{directives:[{name:"show",rawName:"v-show",value:t.playerIsLoading,expression:"playerIsLoading"}],staticClass:"tw-text-white tw-cursor-pointer",attrs:{"root-class":"pp-icons",animate:"beat",w:"30",h:"30"}})],1)]),t._v(" "),n("div",{staticClass:"tw-flex-1 tw-m-1 tw-justify-center tw-align-middle",attrs:{disabled:t.songsCount<=0},on:{click:function(e){return t.stop()}}},[n("SquareIcon",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons",w:"30",h:"30"}})],1),t._v(" "),(t.currentTrackId<t.lastSongId||t.continuousPlaybackStatus)&&t.songsCount>0?n("div",{staticClass:"tw-flex-1 tw-m-1 tw-justify-center tw-align-middle",attrs:{disabled:t.songsCount<=0},on:{click:function(e){return t.next()}}},[n("SkipForwardIcon",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons",w:"30",h:"30"}})],1):t._e()]),t._v(" "),t.checkPlayerWidth(600)&&t.songs[t.currentTrackId]&&t.showAudioData?n("div",{staticClass:"tw-inline-flex tw-flex-row tw-justify-start tw-text-white tw-truncate"},[t._v("\n "+t._s(t.songs[t.currentTrackId].artist||"Unknown")+" - "+t._s(t.songs[t.currentTrackId].title||"Unknown")+"\n ")]):t._e(),t._v(" "),n("div",{staticClass:"tw-inline-flex tw-flex-row tw-justify-end"},[t.checkPlayerWidth(400)&&t.showAudioDuration?n("div",{staticClass:"tw-inline-flex tw-flex-row tw-justify-end tw-text-white timer"},[t._v("\n "+t._s(t.checkPlayerWidth(600)?t.$options.filters.doubleDigits(t.currentTrackTime):"")+" "+t._s(t.checkPlayerWidth(600)?"-":"")+" "+t._s(t._f("doubleDigits")(t.currentTrackDuration))+"\n ")]):t._e(),t._v(" "),n("div",{staticClass:"tw-flex-1 tw-mx-1"},[n("div",{class:t.checkPlayerWidth(400)?"tw-bg-transparent tw-float-right tw-text-white tw-p-t-2":"tw-bg-transparent tw-float-right tw-text-white",attrs:{disabled:t.volume<=.1||t.songsCount<=0},on:{click:function(e){return t.decreaseVolume()}}},[t.volume>0?n("VolumeReduceIcon",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons",w:t.checkPlayerWidth(500)?"35":"25",h:t.checkPlayerWidth(500)?"35":"25"}}):n("VolumeReduceIconInactive",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons",w:t.checkPlayerWidth(500)?"35":"25",h:t.checkPlayerWidth(500)?"35":"25"}})],1)]),t._v(" "),n("div",{class:t.checkPlayerWidth(400)?"tw-flex-1 tw-mx-2 tw-p-t-2":"tw-flex-1 tw-mx-2"},[n("div",{staticClass:"tw-bg-transparent tw-float-right tw-text-white",attrs:{disabled:t.volume>=1||t.songsCount<=0},on:{click:function(e){return t.increaseVolume()}}},[t.volume<1?n("VolumeAddIcon",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons",w:t.checkPlayerWidth(500)?"35":"25",h:t.checkPlayerWidth(500)?"35":"25"}}):n("VolumeAddIconInactive",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons",w:t.checkPlayerWidth(500)?"35":"25",h:t.checkPlayerWidth(500)?"35":"25"}})],1)]),t._v(" "),n("div",{class:t.checkPlayerWidth(400)?"tw-flex-1 tw-mx-1 tw-p-t-2":"tw-flex-1 tw-mx-1"},[n("span",{class:t.continuousPlaybackStatus?"tw-bg-transparent tw-float-right tw-text-white tw-text-primary-green":"tw-bg-transparent tw-float-right tw-text-white",on:{click:function(e){return t.updateContinuousPlaybackStatus()}}},[n("RepeatIcon",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":t.continuousPlaybackStatus?"pp-icons-green":"pp-icons",w:t.checkPlayerWidth(500)?"35":"25",h:t.checkPlayerWidth(500)?"35":"25"}})],1)])])])])])])])},staticRenderFns:[]},(function(t){t&&t("data-v-0ae4a8d0_0",{source:".pp[data-v-0ae4a8d0]{background:#232526;background:-webkit-linear-gradient(to right,rgba(35,37,38,.8),rgba(65,67,69,.8));background:linear-gradient(to right,rgba(35,37,38,.8),rgba(65,67,69,.8))}.pp-controls[data-v-0ae4a8d0]{background:#303942;background:-webkit-linear-gradient(to right,rgba(43,51,59,.95),rgba(41,50,60,.95));background:linear-gradient(to right,rgba(43,51,59,.95),rgba(41,50,60,.95))}.pp-icons[data-v-0ae4a8d0]{fill:#fff!important}.pp-icons[data-v-0ae4a8d0]:focus{fill:grey!important}.pp-icons-green[data-v-0ae4a8d0]{fill:#32cd32}[data-v-0ae4a8d0]::selection{background:0 0}.timer[data-v-0ae4a8d0]{margin:auto;padding:10px}.tw-p-t-2[data-v-0ae4a8d0]{padding-top:7px}.xns-seeker-progress-wrapper[data-v-0ae4a8d0]{display:flex;flex:1;width:inherit;position:relative;overflow:hidden}.xns-seeker-progress-bar[data-v-0ae4a8d0]{position:absolute;left:0;right:0;bottom:0;top:0;height:inherit}",map:void 0,media:void 0})}),P,"data-v-0ae4a8d0",!1,void 0,!1,E,void 0,void 0),R={install:function(t){t.component("xns-audio-player-simple",_)}};module.exports=R;
"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var RepeatIcon=_interopDefault(require("vue-ionicons/dist/ios-repeat")),SkipBackwardIcon=_interopDefault(require("vue-ionicons/dist/ios-skip-backward")),PlayIcon=_interopDefault(require("vue-ionicons/dist/ios-play")),PauseIcon=_interopDefault(require("vue-ionicons/dist/ios-pause")),SquareIcon=_interopDefault(require("vue-ionicons/dist/ios-square")),SkipForwardIcon=_interopDefault(require("vue-ionicons/dist/ios-skip-forward")),BufferingIcon=_interopDefault(require("vue-ionicons/dist/ios-more")),VolumeAddIconInactive=_interopDefault(require("vue-ionicons/dist/ios-add-circle-outline")),VolumeAddIcon=_interopDefault(require("vue-ionicons/dist/ios-add-circle")),VolumeReduceIconInactive=_interopDefault(require("vue-ionicons/dist/ios-remove-circle-outline")),VolumeReduceIcon=_interopDefault(require("vue-ionicons/dist/ios-remove-circle")),MusicalNoteIcon=_interopDefault(require("vue-ionicons/dist/ios-musical-note"));function styleInject(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}var css_248z='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\r\n ========================================================================== */\n\n/**\r\n * 1. Correct the line height in all browsers.\r\n * 2. Prevent adjustments of font size after orientation changes in iOS.\r\n */\n\n/* Sections\r\n ========================================================================== */\n\n/**\r\n * Remove the margin in all browsers.\r\n */\n\n/**\r\n * Render the `main` element consistently in IE.\r\n */\n\n/**\r\n * Correct the font size and margin on `h1` elements within `section` and\r\n * `article` contexts in Chrome, Firefox, and Safari.\r\n */\n\n/* Grouping content\r\n ========================================================================== */\n\n/**\r\n * 1. Add the correct box sizing in Firefox.\r\n * 2. Show the overflow in Edge and IE.\r\n */\n\n/**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\n\n/* Text-level semantics\r\n ========================================================================== */\n\n/**\r\n * Remove the gray background on active links in IE 10.\r\n */\n\na {\n background-color: transparent;\n}\n\n/**\r\n * 1. Remove the bottom border in Chrome 57-\r\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\r\n */\n\n/**\r\n * Add the correct font weight in Chrome, Edge, and Safari.\r\n */\n\n/**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\n\n/**\r\n * Add the correct font size in all browsers.\r\n */\n\n/**\r\n * Prevent `sub` and `sup` elements from affecting the line height in\r\n * all browsers.\r\n */\n\n/* Embedded content\r\n ========================================================================== */\n\n/**\r\n * Remove the border on images inside links in IE 10.\r\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\r\n ========================================================================== */\n\n/**\r\n * 1. Change the font styles in all browsers.\r\n * 2. Remove the margin in Firefox and Safari.\r\n */\n\n/**\r\n * Show the overflow in IE.\r\n * 1. Show the overflow in Edge.\r\n */\n\n/**\r\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\r\n * 1. Remove the inheritance of text transform in Firefox.\r\n */\n\n/**\r\n * Correct the inability to style clickable types in iOS and Safari.\r\n */\n\n\r\n[type="button"],\r\n[type="reset"],\r\n[type="submit"] {\n -webkit-appearance: button;\n}\n\n/**\r\n * Remove the inner border and padding in Firefox.\r\n */\n\n\r\n[type="button"]::-moz-focus-inner,\r\n[type="reset"]::-moz-focus-inner,\r\n[type="submit"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\r\n * Restore the focus styles unset by the previous rule.\r\n */\n\n\r\n[type="button"]:-moz-focusring,\r\n[type="reset"]:-moz-focusring,\r\n[type="submit"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\r\n * Correct the padding in Firefox.\r\n */\n\n/**\r\n * 1. Correct the text wrapping in Edge and IE.\r\n * 2. Correct the color inheritance from `fieldset` elements in IE.\r\n * 3. Remove the padding so developers are not caught out when they zero out\r\n * `fieldset` elements in all browsers.\r\n */\n\n/**\r\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\r\n * Remove the default vertical scrollbar in IE 10+.\r\n */\n\n/**\r\n * 1. Add the correct box sizing in IE 10.\r\n * 2. Remove the padding in IE 10.\r\n */\n\n[type="checkbox"],\r\n[type="radio"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\r\n * Correct the cursor style of increment and decrement buttons in Chrome.\r\n */\n\n[type="number"]::-webkit-inner-spin-button,\r\n[type="number"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\r\n * 1. Correct the odd appearance in Chrome and Safari.\r\n * 2. Correct the outline style in Safari.\r\n */\n\n[type="search"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\r\n * Remove the inner padding in Chrome and Safari on macOS.\r\n */\n\n[type="search"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\r\n * 1. Correct the inability to style clickable types in iOS and Safari.\r\n * 2. Change font properties to `inherit` in Safari.\r\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\r\n ========================================================================== */\n\n/*\r\n * Add the correct display in Edge, IE 10+, and Firefox.\r\n */\n\ndetails {\n display: block;\n}\n\n/*\r\n * Add the correct display in all browsers.\r\n */\n\n/* Misc\r\n ========================================================================== */\n\n/**\r\n * Add the correct display in IE 10+.\r\n */\n\ntemplate {\n display: none;\n}\n\n/**\r\n * Add the correct display in IE 10.\r\n */\n\n[hidden] {\n display: none;\n}\n\n/**\r\n * Manually forked from SUIT CSS Base: https://github.com/suitcss/base\r\n * A thin layer on top of normalize.css that provides a starting point more\r\n * suitable for web applications.\r\n */\n\n/**\r\n * Removes the default spacing and border for appropriate elements.\r\n */\n\n/**\r\n * Work around a Firefox/IE bug where the transparent `button` background\r\n * results in a loss of the default `button` focus styles.\r\n */\n\n/**\r\n * Tailwind custom reset styles\r\n */\n\n/**\r\n * 1. Use the user\'s configured `sans` font-family (with Tailwind\'s default\r\n * sans-serif font stack as a fallback) as a sane default.\r\n * 2. Use Tailwind\'s default "normal" line-height so the user isn\'t forced\r\n * to override it to ensure consistency even when using the default theme.\r\n */\n\n/**\r\n * 1. Prevent padding and border from affecting element width.\r\n *\r\n * We used to set this in the html element and inherit from\r\n * the parent element for everything else. This caused issues\r\n * in shadow-dom-enhanced elements like <details> where the content\r\n * is wrapped by a div with box-sizing set to `content-box`.\r\n *\r\n * https://github.com/mozdevs/cssremedy/issues/4\r\n *\r\n *\r\n * 2. Allow adding a border to an element by just adding a border-width.\r\n *\r\n * By default, the way the browser specifies that an element should have no\r\n * border is by setting it\'s border-style to `none` in the user-agent\r\n * stylesheet.\r\n *\r\n * In order to easily add borders to elements by just setting the `border-width`\r\n * property, we change the default border-style for all elements to `solid`, and\r\n * use border-width to hide them instead. This way our `border` utilities only\r\n * need to set the `border-width` property instead of the entire `border`\r\n * shorthand, making our border utilities much more straightforward to compose.\r\n *\r\n * https://github.com/tailwindcss/tailwindcss/pull/116\r\n */\n\n*,\r\n::before,\r\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e2e8f0; /* 2 */\n}\n\n/*\r\n * Ensure horizontal rules are visible by default\r\n */\n\n/**\r\n * Undo the `border-style: none` reset that Normalize applies to images so that\r\n * our `border-{width}` utilities have the expected effect.\r\n *\r\n * The Normalize reset is unnecessary for us since we default the border-width\r\n * to 0 on all elements.\r\n *\r\n * https://github.com/tailwindcss/tailwindcss/issues/362\r\n */\n\nimg {\n border-style: solid;\n}\n\n\r\n[role="button"] {\n cursor: pointer;\n}\n\n/**\r\n * Reset links to optimize for opt-in styling instead of\r\n * opt-out.\r\n */\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/**\r\n * Reset form element properties that are easy to forget to\r\n * style explicitly so you don\'t inadvertently introduce\r\n * styles that deviate from your design system. These styles\r\n * supplement a partial reset that is already applied by\r\n * normalize.css.\r\n */\n\n/**\r\n * Use the configured \'mono\' font family for elements that\r\n * are expected to be rendered with a monospace font, falling\r\n * back to the system monospace stack if there is no configured\r\n * \'mono\' font family.\r\n */\n\n/**\r\n * Make replaced elements `display: block` by default as that\'s\r\n * the behavior you want almost all of the time. Inspired by\r\n * CSS Remedy, with `svg` added as well.\r\n *\r\n * https://github.com/mozdevs/cssremedy/issues/14\r\n */\n\nimg,\r\naudio {\n display: block;\n vertical-align: middle;\n}\n\n/**\r\n * Constrain images and videos to the parent width and preserve\r\n * their instrinsic aspect ratio.\r\n *\r\n * https://github.com/mozdevs/cssremedy/issues/14\r\n */\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\n.tw-bg-transparent {\n background-color: transparent;\n}\n\n.tw-bg-center {\n background-position: center;\n}\n\n.tw-bg-no-repeat {\n background-repeat: no-repeat;\n}\n\n.tw-bg-cover {\n background-size: cover;\n}\n\n.tw-cursor-pointer {\n cursor: pointer;\n}\n\n.tw-flex {\n display: flex;\n}\n\n.tw-inline-flex {\n display: inline-flex;\n}\n\n.tw-flex-row {\n flex-direction: row;\n}\n\n.tw-flex-col {\n flex-direction: column;\n}\n\n.tw-flex-wrap {\n flex-wrap: wrap;\n}\n\n.tw-items-center {\n align-items: center;\n}\n\n.tw-justify-start {\n justify-content: flex-start;\n}\n\n.tw-justify-end {\n justify-content: flex-end;\n}\n\n.tw-justify-center {\n justify-content: center;\n}\n\n.tw-justify-between {\n justify-content: space-between;\n}\n\n.tw-flex-1 {\n flex: 1 1 0%;\n}\n\n.tw-flex-grow-0 {\n flex-grow: 0;\n}\n\n.tw-flex-grow {\n flex-grow: 1;\n}\n\n.tw-float-right {\n float: right;\n}\n\n.tw-float-left {\n float: left;\n}\n\n.tw-m-0 {\n margin: 0;\n}\n\n.tw-m-1 {\n margin: 0.25rem;\n}\n\n.tw-mx-1 {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n}\n\n.tw-mx-2 {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.tw-mt-0 {\n margin-top: 0;\n}\n\n.tw-mr-0 {\n margin-right: 0;\n}\n\n.tw-mb-0 {\n margin-bottom: 0;\n}\n\n.tw-ml-0 {\n margin-left: 0;\n}\n\n.tw-max-h-simplePlyrmaxheightsm {\n max-height: 80px;\n}\n\n.tw-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.tw-px-0 {\n padding-left: 0;\n padding-right: 0;\n}\n\n.tw-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n.tw-text-white {\n color: #fff;\n}\n\n.tw-text-primary-green {\n color: #21FB92;\n}\n\n.tw-align-middle {\n vertical-align: middle;\n}\n\n.tw-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.tw-w-12 {\n width: 3rem;\n}\n\n.tw-w-auto {\n width: auto;\n}\n\n.tw-w-full {\n width: 100%;\n}\n\n.tw-z-20 {\n z-index: 20;\n}';styleInject(css_248z);var script={name:"XnsAudioPlayerSimple",components:{RepeatIcon:RepeatIcon,SkipBackwardIcon:SkipBackwardIcon,PlayIcon:PlayIcon,PauseIcon:PauseIcon,SquareIcon:SquareIcon,SkipForwardIcon:SkipForwardIcon,BufferingIcon:BufferingIcon,VolumeAddIcon:VolumeAddIcon,VolumeReduceIcon:VolumeReduceIcon,VolumeReduceIconInactive:VolumeReduceIconInactive,VolumeAddIconInactive:VolumeAddIconInactive,MusicalNoteIcon:MusicalNoteIcon},props:{playlist:{type:Array,default:function(){return[]}},playerWidth:{type:Number,default:320},repeatAll:{type:Boolean,default:!1},playerVolume:{type:Number,default:.5},stopPlayback:{type:Boolean,default:!1},pausePlayback:{type:Boolean,default:!1},showAudioDuration:{type:Boolean,default:!0},showAudioData:{type:Boolean,default:!0},progressBarColor:{type:String,default:"#008080"}},data:function(){return{localPlayerWidth:320,localProgressBarColor:"",songs:[],songsCount:0,playerIsPlaying:!1,playerIsPaused:!1,playerIsStopped:!1,isFirstTrack:!0,isMuted:!1,playerIsLoading:!1,continuousPlaybackStatus:!1,audio:new Audio,volume:.5,buffered:0,currentTrackId:0,currentTrackTime:0,currentTrackDuration:0,lastSongId:0,coverColors:["#009688","#e91e63","#9c27b0","#673ab7","#3f51b5","#2196f3","#00bcd4","#4caf50","#ff9800","#607d8b","#795548","#008080"],coverColor:""}},watch:{immediate:!0,playerVolume:function(){this.updatePlayerVolume(this.playerVolume)},repeatAll:function(){this.updateContinuousPlaybackStatus(this.repeatAll)},playlist:function(){this.updateSongs(this.playlist)},stopPlayback:function(){this.stopPlayback&&this.stop()},pausePlayback:function(){this.pausePlayback&&this.pause()},playerWidth:function(){this.adjustPlayerDimensions(this.playerWidth)},progressBarColor:function(){this.validateProgressColor(this.progressBarColor)}},filters:{doubleDigits:function(e){if(isNaN(e))return"00";if(e<60)return e.toFixed()<10?"0 : 0"+e.toFixed():"0 : "+e.toFixed();var t=e.toFixed()%60==60?"00":(e%60).toFixed();return Math.floor(e.toFixed()/60).toFixed()+" : "+(t<10?"0"+t:t)}},mounted:function(){var e=this;this.songs=this.playlist,setTimeout(function(){e.coverColor=e.pickRandomColor(),e.lastSongId=e.songs.length-1,e.updatePlayerVolume(e.playerVolume),e.updateContinuousPlaybackStatus(e.repeatAll),e.adjustPlayerDimensions(e.playerWidth),e.updateSongs(e.playlist),e.validateProgressColor(e.progressBarColor)},300),this.audio.volume=this.volume},methods:{adjustPlayerDimensions:function(e){this.localPlayerWidth=e<320?320:e>1366?1366:e},validateProgressColor:function(e){this.localProgressBarColor=-1!==this.coverColors.indexOf(e)?e:"#008080"},pickRandomColor:function(){return this.coverColors[Math.floor(Math.random()*this.coverColors.length)]},emitPlayerStatus:function(e){var t=this;setTimeout(function(){t.$emit("player-status",e)},200)},decreaseVolume:function(){this.updatePlayerVolume(this.volume-.1>=0?this.volume-.1:0)},increaseVolume:function(){this.updatePlayerVolume(this.volume+.1<=1?this.volume+.1:1)},audioListening:function(){!(arguments.length>0&&void 0!==arguments[0])||arguments[0]?(this.audio.addEventListener("loadeddata",this.proccessPlaybackStart,!1),this.audio.addEventListener("timeupdate",this.proccessPlaybackTimeUpdate,!1),this.audio.addEventListener("pause",this.proccessPlaybackPause,!1),this.audio.addEventListener("emptied",this.proccessPlaybackEmptied,!1),this.audio.addEventListener("ended",this.proccessPlaybackStop,!1)):(this.audio.removeEventListener("loadeddata",this.proccessPlaybackStart,!1),this.audio.removeEventListener("timeupdate",this.proccessPlaybackTimeUpdate,!1),this.audio.removeEventListener("pause",this.proccessPlaybackPause,!1),this.audio.removeEventListener("emptied",this.proccessPlaybackEmptied,!1),this.audio.removeEventListener("ended",this.proccessPlaybackStop,!1))},updateUi:function(e){this.updateLoadingStatus(e.loading),this.updatePlayingStatus(e.playing),this.updatePauseStatus(e.pause),this.updateStopStatus(e.stop)},proccessPlaybackStart:function(){this.updateUi({loading:!1,playing:!0,pause:!1,stop:!1}),this.updateCurrentTrackDuration(this.audio.duration),this.emitPlayerStatus("playing")},proccessPlaybackTimeUpdate:function(){isNaN(this.currentTrackDuration)||!isFinite(this.currentTrackDuration)?this.updateCurrentTrackDuration(260):this.updateCurrentTrackDuration(isNaN(this.audio.duration)||!isFinite(this.audio.duration)?260:this.audio.duration),this.playerIsLoading&&this.updateLoadingStatus(!1),this.updateCurrentTrackTime(this.audio.currentTime),this.updateUi({loading:!1,playing:!0,pause:!1,stop:!1})},proccessPlaybackPause:function(){this.updateUi({loading:!1,playing:!1,pause:!0,stop:!1}),this.emitPlayerStatus("paused")},proccessPlaybackEmptied:function(){this.audio.removeEventListener("loadeddata",this.proccessPlaybackStart,!1),this.audio.removeEventListener("timeupdate",this.proccessPlaybackTimeUpdate,!1),this.audio.removeEventListener("pause",this.proccessPlaybackEmptied,!1),this.updateCurrentTrackTime(0),this.updateCurrentTrackDuration(100),this.updateUi({loading:!1,playing:!1,pause:!1,stop:!0}),this.emitPlayerStatus("stopped")},proccessPlaybackStop:function(){this.emitPlayerStatus("stopped"),this.audio.removeEventListener("loadeddata",this.proccessPlaybackStart,!1),this.audio.removeEventListener("timeupdate",this.proccessPlaybackTimeUpdate,!1),this.audio.removeEventListener("pause",this.proccessPlaybackPause,!1),this.updateCurrentTrackTime(0),this.updateCurrentTrackDuration(100),this.updateUi({loading:!1,playing:!1,pause:!1,stop:!0}),this.continuousPlaybackStatus&&(this.currentTrackId+1<=this.lastSongId?(this.updatePlayingStatus(!0),this.updateCurrentTrackId(this.currentTrackId+1),this.playTrack()):(this.updatePlayingStatus(!0),this.updateCurrentTrackId(0),this.playTrack()))},updateSongs:function(e){this.songs=e,this.songsCount=e.length,this.lastSongId=e.length-1},updateContinuousPlaybackStatus:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:!this.continuousPlaybackStatus;this.continuousPlaybackStatus=e},updateCurrentTrackId:function(e){this.currentTrackId=e},updateCurrentTrackTime:function(e){this.currentTrackTime=e,this.$emit("playback-timer",{playingItemDuration:this.currentTrackDuration,playingItemTime:this.currentTrackTime})},updateCurrentTrackDuration:function(e){this.currentTrackDuration=e},updatePlayerVolume:function(e){this.volume=e,this.audio.volume=this.volume},updateLoadingStatus:function(e){this.playerIsLoading=e},updatePlayingStatus:function(e){this.playerIsPlaying=e},updatePauseStatus:function(e){this.playerIsPaused=e},updateStopStatus:function(e){this.playerIsStopped=e},playTrack:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.currentTrackId,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.songsCount<=0)return!1;var r=this;this.playerIsPaused&!n?(this.audio.currentTime=this.currentTrackTime,setTimeout(function(){e.audio.play(),r.audioListening()},10)):(this.audio.load(),this.coverColor=this.pickRandomColor(),this.playerIsLoading=!0,this.currentTrackId=t,this.audio.src=this.songs[t].audio,this.audio.play(),setTimeout(function(){r.audioListening()},10)),this.audio.volume=this.volume},pause:function(){var e=this;this.audioListening(!1),setTimeout(function(){e.audio.pause(),e.updateUi({loading:!1,playing:!1,pause:!0,stop:!1})},10)},stop:function(){var e=this,t=this;t.audio.load(),setTimeout(function(){e.currentTrackTime=0,e.audio.currentTime=0,t.updateUi({loading:!1,playing:!1,pause:!1,stop:!0}),t.audioListening(!1)},10)},next:function(){var e=this,t=this;this.currentTrackId+1<=this.lastSongId?(this.currentTrackId+=1,this.audioListening(!1),setTimeout(function(){t.playTrack(e.currentTrackId,!0)},10)):this.continuousPlaybackStatus&&(this.currentTrackId=0,this.audioListening(!1),setTimeout(function(){t.playTrack(e.currentTrackId,!0)},10))},previous:function(){var e=this,t=this;this.currentTrackId-1>=0?(this.currentTrackId-=1,this.audioListening(!1),setTimeout(function(){t.playTrack(e.currentTrackId,!0)},10)):this.continuousPlaybackStatus?(this.currentTrackId=this.lastSongId,this.audioListening(!1),setTimeout(function(){t.playTrack(e.currentTrackId,!0)},10)):console.log("Reached start of playlist")},seekPlayer:function(e){var t=this;this.audioListening(!1),this.currentTrackTime=e,this.audio.currentTime=e,setTimeout(function(){t.audioListening()},10)}}};function normalizeComponent(e,t,n,r,i,o,s,a,l,c){"boolean"!=typeof s&&(l=a,a=s,s=!1);var d,u="function"==typeof n?n.options:n;if(e&&e.render&&(u.render=e.render,u.staticRenderFns=e.staticRenderFns,u._compiled=!0,i&&(u.functional=!0)),r&&(u._scopeId=r),o?(d=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,l(e)),e&&e._registeredComponents&&e._registeredComponents.add(o)},u._ssrRegister=d):t&&(d=s?function(){t.call(this,c(this.$root.$options.shadowRoot))}:function(e){t.call(this,a(e))}),d)if(u.functional){var p=u.render;u.render=function(e,t){return d.call(t),p(e,t)}}else{var h=u.beforeCreate;u.beforeCreate=h?[].concat(h,d):[d]}return n}var normalizeComponent_1=normalizeComponent,isOldIE="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function createInjector(e){return function(e,t){return addStyle(e,t)}}var HEAD=document.head||document.getElementsByTagName("head")[0],styles={};function addStyle(e,t){var n=isOldIE?t.media||"default":e,r=styles[n]||(styles[n]={ids:new Set,styles:[]});if(!r.ids.has(e)){r.ids.add(e);var i=t.source;if(t.map&&(i+="\n/*# sourceURL="+t.map.sources[0]+" */",i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),r.element||(r.element=document.createElement("style"),r.element.type="text/css",t.media&&r.element.setAttribute("media",t.media),HEAD.appendChild(r.element)),"styleSheet"in r.element)r.styles.push(i),r.element.styleSheet.cssText=r.styles.filter(Boolean).join("\n");else{var o=r.ids.size-1,s=document.createTextNode(i),a=r.element.childNodes;a[o]&&r.element.removeChild(a[o]),a.length?r.element.insertBefore(s,a[o]):r.element.appendChild(s)}}}var browser=createInjector,__vue_script__=script,__vue_render__=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("div",{staticClass:"tw-flex tw-flex-row tw-flex-wrap tw-z-20 tw-min-h-10 tw-max-h-simplePlyrmaxheightsm tw-py-0 tw-px-0 tw-mt-0 tw-mr-0 tw-mb-0 tw-ml-0 tw-bg-no-repeat tw-bg-center tw-bg-cover pp",style:"max-width:"+e.localPlayerWidth+"px"},[n("div",{staticClass:"tw-flex tw-flex-row tw-w-full tw-items-center tw-justify-between"},[n("xns-seek-bar",{attrs:{"bar-color":e.localProgressBarColor,"bar-height":20,listen:e.playerIsPlaying||e.playerIsPaused,"current-value":e.currentTrackTime,"total-value":e.currentTrackDuration,intensity:e.volume},on:{seekedTo:e.seekPlayer}})],1),e._v(" "),n("div",{staticClass:"tw-flex tw-flex-row tw-w-full tw-p-r-3 tw-p-l-1 tw-m-0 tw-w-full pp-controls",attrs:{title:e.songsCount>0?e.songs[e.currentTrackId].artist+" - "+e.songs[e.currentTrackId].title:"No Audio To Play"}},[n("div",{staticClass:"tw-inline-flex tw-flex-grow-0 tw-w-12 tw-m-1 tw-float-left",style:e.songsCount>0&&""!==e.songs[e.currentTrackId].cover?"":"background-color: "+e.coverColor},[e.songsCount>0&&""!==e.songs[e.currentTrackId].cover?n("img",{staticClass:"tw-h-auto tw-w-full",attrs:{src:e.songs[e.currentTrackId].cover}}):n("MusicalNoteIcon",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons tw-h-full tw-w-auto",w:"40",h:"40"}})],1),e._v(" "),n("div",{staticClass:"tw-inline-flex tw-flex-grow tw-flex-col tw-items-center tw-w-full"},[n("div",{staticClass:"tw-inline-flex tw-flex-row tw-w-full tw-items-center tw-align-middle tw-justify-between tw-p-l-3 tw-p-r-1 tw-py-1"},[n("div",{staticClass:"tw-inline-flex tw-flex-row tw-justify-start"},[(e.currentTrackId>0||e.continuousPlaybackStatus)&&e.songsCount>0?n("div",{staticClass:"tw-flex-1 tw-m-1 tw-justify-center tw-align-middle",on:{click:function(t){return e.previous()}}},[n("SkipBackwardIcon",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons",w:"30",h:"30"}})],1):e._e(),e._v(" "),n("div",{staticClass:"tw-flex-1 tw-m-1 tw-justify-center tw-align-middle"},[n("span",{directives:[{name:"show",rawName:"v-show",value:!e.playerIsPlaying&&!e.playerIsLoading,expression:"!playerIsPlaying && !playerIsLoading"}],on:{click:function(t){return e.playTrack()}}},[n("PlayIcon",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons",w:"30",h:"30"}})],1),e._v(" "),n("span",{directives:[{name:"show",rawName:"v-show",value:e.playerIsPlaying&&!e.playerIsLoading,expression:"playerIsPlaying && !playerIsLoading"}],attrs:{disabled:e.songsCount<=0},on:{click:function(t){return e.pause()}}},[n("PauseIcon",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons",w:"30",h:"30"}})],1),e._v(" "),n("span",[n("BufferingIcon",{directives:[{name:"show",rawName:"v-show",value:e.playerIsLoading,expression:"playerIsLoading"}],staticClass:"tw-text-white tw-cursor-pointer",attrs:{"root-class":"pp-icons",animate:"beat",w:"30",h:"30"}})],1)]),e._v(" "),n("div",{staticClass:"tw-flex-1 tw-m-1 tw-justify-center tw-align-middle",attrs:{disabled:e.songsCount<=0},on:{click:function(t){return e.stop()}}},[n("SquareIcon",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons",w:"30",h:"30"}})],1),e._v(" "),(e.currentTrackId<e.lastSongId||e.continuousPlaybackStatus)&&e.songsCount>0?n("div",{staticClass:"tw-flex-1 tw-m-1 tw-justify-center tw-align-middle",attrs:{disabled:e.songsCount<=0},on:{click:function(t){return e.next()}}},[n("SkipForwardIcon",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons",w:"30",h:"30"}})],1):e._e()]),e._v(" "),e.localPlayerWidth>=600&&""!==e.songs[e.currentTrackId].audio&&e.showAudioData?n("div",{staticClass:"tw-inline-flex tw-flex-row tw-justify-start tw-text-white tw-truncate"},[e._v("\n "+e._s(e.songs[e.currentTrackId].artist||"Unknown")+" - "+e._s(e.songs[e.currentTrackId].title||"Unknown")+"\n ")]):e._e(),e._v(" "),n("div",{staticClass:"tw-inline-flex tw-flex-row tw-justify-end"},[e.localPlayerWidth>=400&&e.showAudioDuration?n("div",{staticClass:"tw-inline-flex tw-flex-row tw-justify-end tw-text-white timer"},[e._v("\n "+e._s(e.localPlayerWidth>=600?e.$options.filters.doubleDigits(e.currentTrackTime):"")+" "+e._s(e.localPlayerWidth>=600?"-":"")+" "+e._s(e._f("doubleDigits")(e.currentTrackDuration))+"\n ")]):e._e(),e._v(" "),n("div",{staticClass:"tw-flex-1 tw-mx-1"},[n("div",{class:e.localPlayerWidth>=400?"tw-bg-transparent tw-float-right tw-text-white tw-p-t-2":"tw-bg-transparent tw-float-right tw-text-white",attrs:{disabled:e.volume<=.1||e.songsCount<=0},on:{click:function(t){return e.decreaseVolume()}}},[e.volume>0?n("VolumeReduceIcon",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons",w:e.localPlayerWidth>=500?"35":"25",h:e.localPlayerWidth>=500?"35":"25"}}):n("VolumeReduceIconInactive",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons",w:e.localPlayerWidth>=500?"35":"25",h:e.localPlayerWidth>=500?"35":"25"}})],1)]),e._v(" "),n("div",{class:e.localPlayerWidth>=400?"tw-flex-1 tw-mx-2 tw-p-t-2":"tw-flex-1 tw-mx-2"},[n("div",{staticClass:"tw-bg-transparent tw-float-right tw-text-white",attrs:{disabled:e.volume>=1||e.songsCount<=0},on:{click:function(t){return e.increaseVolume()}}},[e.volume<1?n("VolumeAddIcon",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons",w:e.localPlayerWidth>=500?"35":"25",h:e.localPlayerWidth>=500?"35":"25"}}):n("VolumeAddIconInactive",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":"pp-icons",w:e.localPlayerWidth>=500?"35":"25",h:e.localPlayerWidth>=500?"35":"25"}})],1)]),e._v(" "),n("div",{class:e.localPlayerWidth>=400?"tw-flex-1 tw-mx-1 tw-p-t-2":"tw-flex-1 tw-mx-1"},[n("span",{class:e.continuousPlaybackStatus?"tw-bg-transparent tw-float-right tw-text-white tw-text-primary-green":"tw-bg-transparent tw-float-right tw-text-white",on:{click:function(t){return e.updateContinuousPlaybackStatus()}}},[n("RepeatIcon",{staticClass:"tw-cursor-pointer tw-text-white",attrs:{"root-class":e.continuousPlaybackStatus?"pp-icons-green":"pp-icons",w:e.localPlayerWidth>=500?"35":"25",h:e.localPlayerWidth>=500?"35":"25"}})],1)])])])])])])])},__vue_staticRenderFns__=[],__vue_inject_styles__=function(e){e&&e("data-v-5eae9864_0",{source:".pp[data-v-5eae9864]{background:#232526;background:-webkit-linear-gradient(to right,rgba(35,37,38,.8),rgba(65,67,69,.8));background:linear-gradient(to right,rgba(35,37,38,.8),rgba(65,67,69,.8))}.pp-controls[data-v-5eae9864]{background:#303942;background:-webkit-linear-gradient(to right,rgba(43,51,59,.95),rgba(41,50,60,.95));background:linear-gradient(to right,rgba(43,51,59,.95),rgba(41,50,60,.95))}.pp-icons[data-v-5eae9864]{fill:#fff!important}.pp-icons[data-v-5eae9864]:focus{fill:grey!important}.pp-icons-green[data-v-5eae9864]{fill:#32cd32}[data-v-5eae9864]::selection{background:0 0}.timer[data-v-5eae9864]{margin:auto;padding:10px}.tw-p-t-2[data-v-5eae9864]{padding-top:7px}",map:void 0,media:void 0})},__vue_scope_id__="data-v-5eae9864",__vue_module_identifier__=void 0,__vue_is_functional_template__=!1,XnsAudioPlayerSimple=normalizeComponent_1({render:__vue_render__,staticRenderFns:__vue_staticRenderFns__},__vue_inject_styles__,__vue_script__,__vue_scope_id__,__vue_is_functional_template__,__vue_module_identifier__,browser,void 0);function createCommonjsModule(e,t){return e(t={exports:{}},t.exports),t.exports}var dist=createCommonjsModule(function(e){var t={name:"XnsSeekBar",props:{currentValue:{type:Number,default:0},totalValue:{type:Number,default:20},listen:{type:Boolean,default:!0},barHeight:{type:Number,default:60},barColor:{type:String,default:"#008080"},barShadeColor:{type:String,default:"#e1e1e1"},intensity:{type:Number,default:.5}},data:function(){return{progress:0,progressTotalWidth:0,colorIntensity:50,localBarColor:""}},watch:{immediate:!0,currentValue:function(){this.calibrateProgress(this.currentValue)},totalValue:function(){this.calibrateProgress(this.currentValue,this.totalValue)},listen:function(){this.listenToEvents(this.listen)},intensity:function(){this.hexOpacity(this.barColor,this.intensity)},barColor:function(){this.hexOpacity(this.barColor,this.intensity)}},mounted:function(){this.calibrateProgress(this.currentValue,this.totalValue),this.hexOpacity(this.barColor,this.intensity),this.listenToEvents(this.listen),window.addEventListener("resize",this.windowResize,!1)},methods:{getClickPosition:function(e){var t=(e=e||window.event).target||e.srcElement;3==t.nodeType&&(t=t.parentNode),this.progressTotalWidth=this.progressTotalWidth||t.offsetWidth;var n=e.offsetX;this.progress=n/this.progressTotalWidth*100;var r=this.progress/100*this.totalValue;this.$emit("seekedTo",r)},detectMouseDown:function(e){e.preventDefault(),this.$refs.trackprogress.addEventListener("mousemove",this.getClickPosition,!1)},detectMouseUp:function(){this.$refs.trackprogress.removeEventListener("mousemove",this.getClickPosition,!1)},windowResize:function(){var e=this;setTimeout(function(){e.progressTotalWidth=e.$refs.trackprogress.offsetWidth},200)},listenToEvents:function(){arguments.length>0&&void 0!==arguments[0]&&!arguments[0]?(this.$refs.trackprogress.removeEventListener("click",this.getClickPosition,!1),this.$refs.trackprogress.removeEventListener("mousedown",this.detectMouseDown,!1),this.$refs.trackprogress.removeEventListener("mouseup",this.detectMouseUp,!1)):(this.$refs.trackprogress.addEventListener("click",this.getClickPosition,!1),this.$refs.trackprogress.addEventListener("mousedown",this.detectMouseDown,!1),this.$refs.trackprogress.addEventListener("mouseup",this.detectMouseUp,!1))},calibrateProgress:function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.currentValue)/(arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.totalValue)*100;this.progress=e<=100?e:100},hexOpacity:function(e,t){var n=100*t<=99?100*t:99;this.localBarColor="".concat(e)+n}}};const n="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());let r;const i={};var o=function(e,t,n,r,i,o,s,a,l,c){"boolean"!=typeof s&&(l=a,a=s,s=!1);const d="function"==typeof n?n.options:n;let u;if(e&&e.render&&(d.render=e.render,d.staticRenderFns=e.staticRenderFns,d._compiled=!0,i&&(d.functional=!0)),r&&(d._scopeId=r),o?(u=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,l(e)),e&&e._registeredComponents&&e._registeredComponents.add(o)},d._ssrRegister=u):t&&(u=s?function(e){t.call(this,c(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,a(e))}),u)if(d.functional){const e=d.render;d.render=function(t,n){return u.call(n),e(t,n)}}else{const e=d.beforeCreate;d.beforeCreate=e?[].concat(e,u):[u]}return n}({render:function(){var e=this.$createElement,t=this._self._c||e;return t("div",{ref:"trackprogress",staticClass:"xns-seeker-progress-wrapper",style:"height: "+this.barHeight+"px; background: "+this.barShadeColor},[t("div",{staticClass:"xns-seeker-progress-bar",style:"width: "+this.progress+"%; background: "+this.localBarColor})])},staticRenderFns:[]},function(e){e&&e("data-v-7d3c114a_0",{source:"[data-v-7d3c114a]::selection{background:0 0}*[data-v-7d3c114a],[data-v-7d3c114a]:hover{cursor:default}.xns-seeker-progress-wrapper[data-v-7d3c114a]{position:inherit;display:flex;flex:1;width:inherit;position:relative;overflow:hidden}.xns-seeker-progress-bar[data-v-7d3c114a]{position:absolute;left:0;right:0;bottom:0;top:0;height:inherit}",map:void 0,media:void 0})},t,"data-v-7d3c114a",!1,void 0,!1,function(e){return(e,t)=>(function(e,t){const o=n?t.media||"default":e,s=i[o]||(i[o]={ids:new Set,styles:[]});if(!s.ids.has(e)){s.ids.add(e);let n=t.source;if(t.map&&(n+="\n/*# sourceURL="+t.map.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),s.element||(s.element=document.createElement("style"),s.element.type="text/css",t.media&&s.element.setAttribute("media",t.media),void 0===r&&(r=document.head||document.getElementsByTagName("head")[0]),r.appendChild(s.element)),"styleSheet"in s.element)s.styles.push(n),s.element.styleSheet.cssText=s.styles.filter(Boolean).join("\n");else{const e=s.ids.size-1,t=document.createTextNode(n),r=s.element.childNodes;r[e]&&s.element.removeChild(r[e]),r.length?s.element.insertBefore(t,r[e]):s.element.appendChild(t)}}})(e,t)},void 0,void 0),s={install:function(e){e.component("xns-seek-bar",o)}};"undefined"!=typeof window&&window.Vue&&window.Vue.use(s),e.exports=s}),index={install:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{progressBar:dist};e.use(t.progressBar),e.component("xns-audio-player-simple",XnsAudioPlayerSimple)}};module.exports=index;

27

package.json
{
"private": false,
"name": "xns-audio-player-simple",
"version": "2.1.0",
"version": "3.0.0",
"description": "a simple yet powerful music player for vuejs based on xns-audio-player",

@@ -10,3 +10,3 @@ "main": "./dist/index.js",

"build": "npx bili --format cjs --format umd --module-name xns-player-umd --bundle-node-modules --minify --no-map",
"build:css": "npx tailwind build src/style.css -o dist/xns-audio-player-simple.css",
"build:css": "npx tailwindcss -i src/tailwind.css -o src/output.css -m",
"test": "echo \"Error: no test specified\" && exit 1"

@@ -36,20 +36,17 @@ },

"devDependencies": {
"@fullhuman/postcss-purgecss": "^3.0.0",
"@rollup/plugin-buble": "^0.21.3",
"@rollup/plugin-commonjs": "^15.1.0",
"@rollup/plugin-node-resolve": "^9.0.0",
"autoprefixer": "^10.0.1",
"@rollup/plugin-commonjs": "^21.0.2",
"@rollup/plugin-node-resolve": "^13.1.3",
"@vue/compiler-sfc": "^3.2.31",
"autoprefixer": "^10.4.3",
"bili": "^5.0.5",
"cssnano": "^4.1.10",
"postcss-import": "^13.0.0",
"postcss-nested": "^5.0.1",
"postcss-preset-env": "^6.7.0",
"rollup-plugin-postcss": "^3.1.8",
"rollup-plugin-vue": "^5.1.9",
"tailwindcss": "^1.9.6",
"vue": "^2.6.12",
"vue-loader": "^15.9.3",
"vue-template-compiler": "^2.6.12"
"postcss": "^8.4.11",
"rollup": "^2.70.1",
"rollup-plugin-postcss": "^4.0.2",
"rollup-plugin-vue": "6.0.0",
"tailwindcss": "^3.0.23"
},
"dependencies": {
"vue": "^3.2.31",
"vue-ionicons": "^3.0.5"

@@ -56,0 +53,0 @@ },

0

README.md

@@ -0,0 +0,0 @@ # xns-audio-player-simple

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc