diff --git a/README.md b/README.md index 07d548b..ca5e2d2 100644 --- a/README.md +++ b/README.md @@ -13,4 +13,4 @@ Example usage: data-background-hover="#555555"> - + diff --git a/dist/player.js b/dist/player.js index 800a38a..41ccfc0 100644 --- a/dist/player.js +++ b/dist/player.js @@ -29,7 +29,7 @@ function(e){var t,n,i,r,o,s,a,u,l,c,d,f,p,h,g,v,m,y,b,x="sizzle"+1*new Date,_=e. * * Copyright 2006, 2015 Klaus Hartl & Fagner Brack * Released under the MIT license - */!function(o){if(void 0===(r="function"==typeof(i=o)?i.call(t,n,t,e):i)||(e.exports=r),!0,e.exports=o(),!!0){var s=window.Cookies,a=window.Cookies=o();a.noConflict=function(){return window.Cookies=s,a}}}((function(){function e(){for(var e=0,t={};e'},function(e,t,n){var i,r,o; /*! * jQuery UI Widget 1.12.1 * http://jqueryui.com @@ -37,7 +37,7 @@ function(e){var t,n,i,r,o,s,a,u,l,c,d,f,p,h,g,v,m,y,b,x="sizzle"+1*new Date,_=e. * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license - */r=[n(0),n(1)],void 0===(o="function"==typeof(i=function(e){var t,n=0,i=Array.prototype.slice;return e.cleanData=(t=e.cleanData,function(n){var i,r,o;for(o=0;null!=(r=n[o]);o++)try{(i=e._data(r,"events"))&&i.remove&&e(r).triggerHandler("remove")}catch(e){}t(n)}),e.widget=function(t,n,i){var r,o,s,a={},u=t.split(".")[0],l=u+"-"+(t=t.split(".")[1]);return i||(i=n,n=e.Widget),e.isArray(i)&&(i=e.extend.apply(null,[{}].concat(i))),e.expr[":"][l.toLowerCase()]=function(t){return!!e.data(t,l)},e[u]=e[u]||{},r=e[u][t],o=e[u][t]=function(e,t){if(!this._createWidget)return new o(e,t);arguments.length&&this._createWidget(e,t)},e.extend(o,r,{version:i.version,_proto:e.extend({},i),_childConstructors:[]}),(s=new n).options=e.widget.extend({},s.options),e.each(i,(function(t,i){e.isFunction(i)?a[t]=function(){function e(){return n.prototype[t].apply(this,arguments)}function r(e){return n.prototype[t].apply(this,e)}return function(){var t,n=this._super,o=this._superApply;return this._super=e,this._superApply=r,t=i.apply(this,arguments),this._super=n,this._superApply=o,t}}():a[t]=i})),o.prototype=e.widget.extend(s,{widgetEventPrefix:r&&s.widgetEventPrefix||t},a,{constructor:o,namespace:u,widgetName:t,widgetFullName:l}),r?(e.each(r._childConstructors,(function(t,n){var i=n.prototype;e.widget(i.namespace+"."+i.widgetName,o,n._proto)})),delete r._childConstructors):n._childConstructors.push(o),e.widget.bridge(t,o),o},e.widget.extend=function(t){for(var n,r,o=i.call(arguments,1),s=0,a=o.length;s",options:{classes:{},disabled:!1,create:null},_createWidget:function(t,i){i=e(i||this.defaultElement||this)[0],this.element=e(i),this.uuid=n++,this.eventNamespace="."+this.widgetName+this.uuid,this.bindings=e(),this.hoverable=e(),this.focusable=e(),this.classesElementLookup={},i!==this&&(e.data(i,this.widgetFullName,this),this._on(!0,this.element,{remove:function(e){e.target===i&&this.destroy()}}),this.document=e(i.style?i.ownerDocument:i.document||i),this.window=e(this.document[0].defaultView||this.document[0].parentWindow)),this.options=e.widget.extend({},this.options,this._getCreateOptions(),t),this._create(),this.options.disabled&&this._setOptionDisabled(this.options.disabled),this._trigger("create",null,this._getCreateEventData()),this._init()},_getCreateOptions:function(){return{}},_getCreateEventData:e.noop,_create:e.noop,_init:e.noop,destroy:function(){var t=this;this._destroy(),e.each(this.classesElementLookup,(function(e,n){t._removeClass(n,e)})),this.element.off(this.eventNamespace).removeData(this.widgetFullName),this.widget().off(this.eventNamespace).removeAttr("aria-disabled"),this.bindings.off(this.eventNamespace)},_destroy:e.noop,widget:function(){return this.element},option:function(t,n){var i,r,o,s=t;if(0===arguments.length)return e.widget.extend({},this.options);if("string"==typeof t)if(s={},i=t.split("."),t=i.shift(),i.length){for(r=s[t]=e.widget.extend({},this.options[t]),o=0;o'},function(e,t,n){"use strict";var i=n(21);e.exports=function(e,t){var n=i(e);null==t&&(t=n.alpha);if("h"===n.space[0])return n.space+["a(",n.values[0],",",n.values[1],"%,",n.values[2],"%,",t,")"].join("");return n.space+["a(",n.values,",",t,")"].join("")}},function(e,t){e.exports='
'},function(e,t){e.exports=''},function(e,t){e.exports=''},function(e,t,n){var i,r,o; + */r=[n(0),n(1)],void 0===(o="function"==typeof(i=function(e){var t,n=0,i=Array.prototype.slice;return e.cleanData=(t=e.cleanData,function(n){var i,r,o;for(o=0;null!=(r=n[o]);o++)try{(i=e._data(r,"events"))&&i.remove&&e(r).triggerHandler("remove")}catch(e){}t(n)}),e.widget=function(t,n,i){var r,o,s,a={},u=t.split(".")[0],l=u+"-"+(t=t.split(".")[1]);return i||(i=n,n=e.Widget),e.isArray(i)&&(i=e.extend.apply(null,[{}].concat(i))),e.expr[":"][l.toLowerCase()]=function(t){return!!e.data(t,l)},e[u]=e[u]||{},r=e[u][t],o=e[u][t]=function(e,t){if(!this._createWidget)return new o(e,t);arguments.length&&this._createWidget(e,t)},e.extend(o,r,{version:i.version,_proto:e.extend({},i),_childConstructors:[]}),(s=new n).options=e.widget.extend({},s.options),e.each(i,(function(t,i){e.isFunction(i)?a[t]=function(){function e(){return n.prototype[t].apply(this,arguments)}function r(e){return n.prototype[t].apply(this,e)}return function(){var t,n=this._super,o=this._superApply;return this._super=e,this._superApply=r,t=i.apply(this,arguments),this._super=n,this._superApply=o,t}}():a[t]=i})),o.prototype=e.widget.extend(s,{widgetEventPrefix:r&&s.widgetEventPrefix||t},a,{constructor:o,namespace:u,widgetName:t,widgetFullName:l}),r?(e.each(r._childConstructors,(function(t,n){var i=n.prototype;e.widget(i.namespace+"."+i.widgetName,o,n._proto)})),delete r._childConstructors):n._childConstructors.push(o),e.widget.bridge(t,o),o},e.widget.extend=function(t){for(var n,r,o=i.call(arguments,1),s=0,a=o.length;s",options:{classes:{},disabled:!1,create:null},_createWidget:function(t,i){i=e(i||this.defaultElement||this)[0],this.element=e(i),this.uuid=n++,this.eventNamespace="."+this.widgetName+this.uuid,this.bindings=e(),this.hoverable=e(),this.focusable=e(),this.classesElementLookup={},i!==this&&(e.data(i,this.widgetFullName,this),this._on(!0,this.element,{remove:function(e){e.target===i&&this.destroy()}}),this.document=e(i.style?i.ownerDocument:i.document||i),this.window=e(this.document[0].defaultView||this.document[0].parentWindow)),this.options=e.widget.extend({},this.options,this._getCreateOptions(),t),this._create(),this.options.disabled&&this._setOptionDisabled(this.options.disabled),this._trigger("create",null,this._getCreateEventData()),this._init()},_getCreateOptions:function(){return{}},_getCreateEventData:e.noop,_create:e.noop,_init:e.noop,destroy:function(){var t=this;this._destroy(),e.each(this.classesElementLookup,(function(e,n){t._removeClass(n,e)})),this.element.off(this.eventNamespace).removeData(this.widgetFullName),this.widget().off(this.eventNamespace).removeAttr("aria-disabled"),this.bindings.off(this.eventNamespace)},_destroy:e.noop,widget:function(){return this.element},option:function(t,n){var i,r,o,s=t;if(0===arguments.length)return e.widget.extend({},this.options);if("string"==typeof t)if(s={},i=t.split("."),t=i.shift(),i.length){for(r=s[t]=e.widget.extend({},this.options[t]),o=0;on&&(r.slice(n).remove(),r=r.slice(0,n)),t=r.length;t");this.handles=r.add(e(o.join("")).appendTo(this.element)),this._addClass(this.handles,"ui-slider-handle","ui-state-default"),this.handle=this.handles.eq(0),this.handles.each((function(t){e(this).data("ui-slider-handle-index",t).attr("tabIndex",0)}))},_createRange:function(){var t=this.options;t.range?(!0===t.range&&(t.values?t.values.length&&2!==t.values.length?t.values=[t.values[0],t.values[0]]:e.isArray(t.values)&&(t.values=t.values.slice(0)):t.values=[this._valueMin(),this._valueMin()]),this.range&&this.range.length?(this._removeClass(this.range,"ui-slider-range-min ui-slider-range-max"),this.range.css({left:"",bottom:""})):(this.range=e("
").appendTo(this.element),this._addClass(this.range,"ui-slider-range")),"min"!==t.range&&"max"!==t.range||this._addClass(this.range,"ui-slider-range-"+t.range)):(this.range&&this.range.remove(),this.range=null)},_setupEvents:function(){this._off(this.handles),this._on(this.handles,this._handleEvents),this._hoverable(this.handles),this._focusable(this.handles)},_destroy:function(){this.handles.remove(),this.range&&this.range.remove(),this._mouseDestroy()},_mouseCapture:function(t){var n,i,r,o,s,a,u,l=this,c=this.options;return!c.disabled&&(this.elementSize={width:this.element.outerWidth(),height:this.element.outerHeight()},this.elementOffset=this.element.offset(),n={x:t.pageX,y:t.pageY},i=this._normValueFromMouse(n),r=this._valueMax()-this._valueMin()+1,this.handles.each((function(t){var n=Math.abs(i-l.values(t));(r>n||r===n&&(t===l._lastChangedValue||l.values(t)===c.min))&&(r=n,o=e(this),s=t)})),!1!==this._start(t,s)&&(this._mouseSliding=!0,this._handleIndex=s,this._addClass(o,null,"ui-state-active"),o.trigger("focus"),a=o.offset(),u=!e(t.target).parents().addBack().is(".ui-slider-handle"),this._clickOffset=u?{left:0,top:0}:{left:t.pageX-a.left-o.width()/2,top:t.pageY-a.top-o.height()/2-(parseInt(o.css("borderTopWidth"),10)||0)-(parseInt(o.css("borderBottomWidth"),10)||0)+(parseInt(o.css("marginTop"),10)||0)},this.handles.hasClass("ui-state-hover")||this._slide(t,s,i),this._animateOff=!0,!0))},_mouseStart:function(){return!0},_mouseDrag:function(e){var t={x:e.pageX,y:e.pageY},n=this._normValueFromMouse(t);return this._slide(e,this._handleIndex,n),!1},_mouseStop:function(e){return this._removeClass(this.handles,null,"ui-state-active"),this._mouseSliding=!1,this._stop(e,this._handleIndex),this._change(e,this._handleIndex),this._handleIndex=null,this._clickOffset=null,this._animateOff=!1,!1},_detectOrientation:function(){this.orientation="vertical"===this.options.orientation?"vertical":"horizontal"},_normValueFromMouse:function(e){var t,n,i,r,o;return"horizontal"===this.orientation?(t=this.elementSize.width,n=e.x-this.elementOffset.left-(this._clickOffset?this._clickOffset.left:0)):(t=this.elementSize.height,n=e.y-this.elementOffset.top-(this._clickOffset?this._clickOffset.top:0)),(i=n/t)>1&&(i=1),i<0&&(i=0),"vertical"===this.orientation&&(i=1-i),r=this._valueMax()-this._valueMin(),o=this._valueMin()+i*r,this._trimAlignValue(o)},_uiHash:function(e,t,n){var i={handle:this.handles[e],handleIndex:e,value:void 0!==t?t:this.value()};return this._hasMultipleValues()&&(i.value=void 0!==t?t:this.values(e),i.values=n||this.values()),i},_hasMultipleValues:function(){return this.options.values&&this.options.values.length},_start:function(e,t){return this._trigger("start",e,this._uiHash(t))},_slide:function(e,t,n){var i,r=this.value(),o=this.values();this._hasMultipleValues()&&(i=this.values(t?0:1),r=this.values(t),2===this.options.values.length&&!0===this.options.range&&(n=0===t?Math.min(i,n):Math.max(i,n)),o[t]=n),n!==r&&!1!==this._trigger("slide",e,this._uiHash(t,n,o))&&(this._hasMultipleValues()?this.values(t,n):this.value(n))},_stop:function(e,t){this._trigger("stop",e,this._uiHash(t))},_change:function(e,t){this._keySliding||this._mouseSliding||(this._lastChangedValue=t,this._trigger("change",e,this._uiHash(t)))},value:function(e){return arguments.length?(this.options.value=this._trimAlignValue(e),this._refreshValue(),void this._change(null,0)):this._value()},values:function(t,n){var i,r,o;if(arguments.length>1)return this.options.values[t]=this._trimAlignValue(n),this._refreshValue(),void this._change(null,t);if(!arguments.length)return this._values();if(!e.isArray(arguments[0]))return this._hasMultipleValues()?this._values(t):this.value();for(i=this.options.values,r=arguments[0],o=0;o=0;i--)this._change(null,i);this._animateOff=!1;break;case"step":case"min":case"max":this._animateOff=!0,this._calculateNewMax(),this._refreshValue(),this._animateOff=!1;break;case"range":this._animateOff=!0,this._refresh(),this._animateOff=!1}},_setOptionDisabled:function(e){this._super(e),this._toggleClass(null,"ui-state-disabled",!!e)},_value:function(){var e=this.options.value;return e=this._trimAlignValue(e)},_values:function(e){var t,n,i;if(arguments.length)return t=this.options.values[e],t=this._trimAlignValue(t);if(this._hasMultipleValues()){for(n=this.options.values.slice(),i=0;i=this._valueMax())return this._valueMax();var t=this.options.step>0?this.options.step:1,n=(e-this._valueMin())%t,i=e-n;return 2*Math.abs(n)>=t&&(i+=n>0?t:-t),parseFloat(i.toFixed(5))},_calculateNewMax:function(){var e=this.options.max,t=this._valueMin(),n=this.options.step;(e=Math.round((e-t)/n)*n+t)>this.options.max&&(e-=n),this.max=parseFloat(e.toFixed(this._precision()))},_precision:function(){var e=this._precisionOf(this.options.step);return null!==this.options.min&&(e=Math.max(e,this._precisionOf(this.options.min))),e},_precisionOf:function(e){var t=e.toString(),n=t.indexOf(".");return-1===n?0:t.length-n-1},_valueMin:function(){return this.options.min},_valueMax:function(){return this.max},_refreshRange:function(e){"vertical"===e&&this.range.css({width:"",left:""}),"horizontal"===e&&this.range.css({height:"",bottom:""})},_refreshValue:function(){var t,n,i,r,o,s=this.options.range,a=this.options,u=this,l=!this._animateOff&&a.animate,c={};this._hasMultipleValues()?this.handles.each((function(i){n=(u.values(i)-u._valueMin())/(u._valueMax()-u._valueMin())*100,c["horizontal"===u.orientation?"left":"bottom"]=n+"%",e(this).stop(1,1)[l?"animate":"css"](c,a.animate),!0===u.options.range&&("horizontal"===u.orientation?(0===i&&u.range.stop(1,1)[l?"animate":"css"]({left:n+"%"},a.animate),1===i&&u.range[l?"animate":"css"]({width:n-t+"%"},{queue:!1,duration:a.animate})):(0===i&&u.range.stop(1,1)[l?"animate":"css"]({bottom:n+"%"},a.animate),1===i&&u.range[l?"animate":"css"]({height:n-t+"%"},{queue:!1,duration:a.animate}))),t=n})):(i=this.value(),r=this._valueMin(),o=this._valueMax(),n=o!==r?(i-r)/(o-r)*100:0,c["horizontal"===this.orientation?"left":"bottom"]=n+"%",this.handle.stop(1,1)[l?"animate":"css"](c,a.animate),"min"===s&&"horizontal"===this.orientation&&this.range.stop(1,1)[l?"animate":"css"]({width:n+"%"},a.animate),"max"===s&&"horizontal"===this.orientation&&this.range.stop(1,1)[l?"animate":"css"]({width:100-n+"%"},a.animate),"min"===s&&"vertical"===this.orientation&&this.range.stop(1,1)[l?"animate":"css"]({height:n+"%"},a.animate),"max"===s&&"vertical"===this.orientation&&this.range.stop(1,1)[l?"animate":"css"]({height:100-n+"%"},a.animate))},_handleEvents:{keydown:function(t){var n,i,r,o=e(t.target).data("ui-slider-handle-index");switch(t.keyCode){case e.ui.keyCode.HOME:case e.ui.keyCode.END:case e.ui.keyCode.PAGE_UP:case e.ui.keyCode.PAGE_DOWN:case e.ui.keyCode.UP:case e.ui.keyCode.RIGHT:case e.ui.keyCode.DOWN:case e.ui.keyCode.LEFT:if(t.preventDefault(),!this._keySliding&&(this._keySliding=!0,this._addClass(e(t.target),null,"ui-state-active"),!1===this._start(t,o)))return}switch(r=this.options.step,n=i=this._hasMultipleValues()?this.values(o):this.value(),t.keyCode){case e.ui.keyCode.HOME:i=this._valueMin();break;case e.ui.keyCode.END:i=this._valueMax();break;case e.ui.keyCode.PAGE_UP:i=this._trimAlignValue(n+(this._valueMax()-this._valueMin())/this.numPages);break;case e.ui.keyCode.PAGE_DOWN:i=this._trimAlignValue(n-(this._valueMax()-this._valueMin())/this.numPages);break;case e.ui.keyCode.UP:case e.ui.keyCode.RIGHT:if(n===this._valueMax())return;i=this._trimAlignValue(n+r);break;case e.ui.keyCode.DOWN:case e.ui.keyCode.LEFT:if(n===this._valueMin())return;i=this._trimAlignValue(n-r)}this._slide(t,o,i)},keyup:function(t){var n=e(t.target).data("ui-slider-handle-index");this._keySliding&&(this._keySliding=!1,this._stop(t,n),this._change(t,n),this._removeClass(e(t.target),null,"ui-state-active"))}}})})?i.apply(t,r):i)||(e.exports=o)},function(e,t,n){var i,r,o; + */r=[n(0),n(12),n(14),n(1),n(6)],void 0===(o="function"==typeof(i=function(e){return e.widget("ui.slider",e.ui.mouse,{version:"1.12.1",widgetEventPrefix:"slide",options:{animate:!1,classes:{"ui-slider":"ui-corner-all","ui-slider-handle":"ui-corner-all","ui-slider-range":"ui-corner-all ui-widget-header"},distance:0,max:100,min:0,orientation:"horizontal",range:!1,step:1,value:0,values:null,change:null,slide:null,start:null,stop:null},numPages:5,_create:function(){this._keySliding=!1,this._mouseSliding=!1,this._animateOff=!0,this._handleIndex=null,this._detectOrientation(),this._mouseInit(),this._calculateNewMax(),this._addClass("ui-slider ui-slider-"+this.orientation,"ui-widget ui-widget-content"),this._refresh(),this._animateOff=!1},_refresh:function(){this._createRange(),this._createHandles(),this._setupEvents(),this._refreshValue()},_createHandles:function(){var t,n,i=this.options,r=this.element.find(".ui-slider-handle"),o=[];for(n=i.values&&i.values.length||1,r.length>n&&(r.slice(n).remove(),r=r.slice(0,n)),t=r.length;t");this.handles=r.add(e(o.join("")).appendTo(this.element)),this._addClass(this.handles,"ui-slider-handle","ui-state-default"),this.handle=this.handles.eq(0),this.handles.each((function(t){e(this).data("ui-slider-handle-index",t).attr("tabIndex",0)}))},_createRange:function(){var t=this.options;t.range?(!0===t.range&&(t.values?t.values.length&&2!==t.values.length?t.values=[t.values[0],t.values[0]]:e.isArray(t.values)&&(t.values=t.values.slice(0)):t.values=[this._valueMin(),this._valueMin()]),this.range&&this.range.length?(this._removeClass(this.range,"ui-slider-range-min ui-slider-range-max"),this.range.css({left:"",bottom:""})):(this.range=e("
").appendTo(this.element),this._addClass(this.range,"ui-slider-range")),"min"!==t.range&&"max"!==t.range||this._addClass(this.range,"ui-slider-range-"+t.range)):(this.range&&this.range.remove(),this.range=null)},_setupEvents:function(){this._off(this.handles),this._on(this.handles,this._handleEvents),this._hoverable(this.handles),this._focusable(this.handles)},_destroy:function(){this.handles.remove(),this.range&&this.range.remove(),this._mouseDestroy()},_mouseCapture:function(t){var n,i,r,o,s,a,u,l=this,c=this.options;return!c.disabled&&(this.elementSize={width:this.element.outerWidth(),height:this.element.outerHeight()},this.elementOffset=this.element.offset(),n={x:t.pageX,y:t.pageY},i=this._normValueFromMouse(n),r=this._valueMax()-this._valueMin()+1,this.handles.each((function(t){var n=Math.abs(i-l.values(t));(r>n||r===n&&(t===l._lastChangedValue||l.values(t)===c.min))&&(r=n,o=e(this),s=t)})),!1!==this._start(t,s)&&(this._mouseSliding=!0,this._handleIndex=s,this._addClass(o,null,"ui-state-active"),o.trigger("focus"),a=o.offset(),u=!e(t.target).parents().addBack().is(".ui-slider-handle"),this._clickOffset=u?{left:0,top:0}:{left:t.pageX-a.left-o.width()/2,top:t.pageY-a.top-o.height()/2-(parseInt(o.css("borderTopWidth"),10)||0)-(parseInt(o.css("borderBottomWidth"),10)||0)+(parseInt(o.css("marginTop"),10)||0)},this.handles.hasClass("ui-state-hover")||this._slide(t,s,i),this._animateOff=!0,!0))},_mouseStart:function(){return!0},_mouseDrag:function(e){var t={x:e.pageX,y:e.pageY},n=this._normValueFromMouse(t);return this._slide(e,this._handleIndex,n),!1},_mouseStop:function(e){return this._removeClass(this.handles,null,"ui-state-active"),this._mouseSliding=!1,this._stop(e,this._handleIndex),this._change(e,this._handleIndex),this._handleIndex=null,this._clickOffset=null,this._animateOff=!1,!1},_detectOrientation:function(){this.orientation="vertical"===this.options.orientation?"vertical":"horizontal"},_normValueFromMouse:function(e){var t,n,i,r,o;return"horizontal"===this.orientation?(t=this.elementSize.width,n=e.x-this.elementOffset.left-(this._clickOffset?this._clickOffset.left:0)):(t=this.elementSize.height,n=e.y-this.elementOffset.top-(this._clickOffset?this._clickOffset.top:0)),(i=n/t)>1&&(i=1),i<0&&(i=0),"vertical"===this.orientation&&(i=1-i),r=this._valueMax()-this._valueMin(),o=this._valueMin()+i*r,this._trimAlignValue(o)},_uiHash:function(e,t,n){var i={handle:this.handles[e],handleIndex:e,value:void 0!==t?t:this.value()};return this._hasMultipleValues()&&(i.value=void 0!==t?t:this.values(e),i.values=n||this.values()),i},_hasMultipleValues:function(){return this.options.values&&this.options.values.length},_start:function(e,t){return this._trigger("start",e,this._uiHash(t))},_slide:function(e,t,n){var i,r=this.value(),o=this.values();this._hasMultipleValues()&&(i=this.values(t?0:1),r=this.values(t),2===this.options.values.length&&!0===this.options.range&&(n=0===t?Math.min(i,n):Math.max(i,n)),o[t]=n),n!==r&&!1!==this._trigger("slide",e,this._uiHash(t,n,o))&&(this._hasMultipleValues()?this.values(t,n):this.value(n))},_stop:function(e,t){this._trigger("stop",e,this._uiHash(t))},_change:function(e,t){this._keySliding||this._mouseSliding||(this._lastChangedValue=t,this._trigger("change",e,this._uiHash(t)))},value:function(e){return arguments.length?(this.options.value=this._trimAlignValue(e),this._refreshValue(),void this._change(null,0)):this._value()},values:function(t,n){var i,r,o;if(arguments.length>1)return this.options.values[t]=this._trimAlignValue(n),this._refreshValue(),void this._change(null,t);if(!arguments.length)return this._values();if(!e.isArray(arguments[0]))return this._hasMultipleValues()?this._values(t):this.value();for(i=this.options.values,r=arguments[0],o=0;o=0;i--)this._change(null,i);this._animateOff=!1;break;case"step":case"min":case"max":this._animateOff=!0,this._calculateNewMax(),this._refreshValue(),this._animateOff=!1;break;case"range":this._animateOff=!0,this._refresh(),this._animateOff=!1}},_setOptionDisabled:function(e){this._super(e),this._toggleClass(null,"ui-state-disabled",!!e)},_value:function(){var e=this.options.value;return e=this._trimAlignValue(e)},_values:function(e){var t,n,i;if(arguments.length)return t=this.options.values[e],t=this._trimAlignValue(t);if(this._hasMultipleValues()){for(n=this.options.values.slice(),i=0;i=this._valueMax())return this._valueMax();var t=this.options.step>0?this.options.step:1,n=(e-this._valueMin())%t,i=e-n;return 2*Math.abs(n)>=t&&(i+=n>0?t:-t),parseFloat(i.toFixed(5))},_calculateNewMax:function(){var e=this.options.max,t=this._valueMin(),n=this.options.step;(e=Math.round((e-t)/n)*n+t)>this.options.max&&(e-=n),this.max=parseFloat(e.toFixed(this._precision()))},_precision:function(){var e=this._precisionOf(this.options.step);return null!==this.options.min&&(e=Math.max(e,this._precisionOf(this.options.min))),e},_precisionOf:function(e){var t=e.toString(),n=t.indexOf(".");return-1===n?0:t.length-n-1},_valueMin:function(){return this.options.min},_valueMax:function(){return this.max},_refreshRange:function(e){"vertical"===e&&this.range.css({width:"",left:""}),"horizontal"===e&&this.range.css({height:"",bottom:""})},_refreshValue:function(){var t,n,i,r,o,s=this.options.range,a=this.options,u=this,l=!this._animateOff&&a.animate,c={};this._hasMultipleValues()?this.handles.each((function(i){n=(u.values(i)-u._valueMin())/(u._valueMax()-u._valueMin())*100,c["horizontal"===u.orientation?"left":"bottom"]=n+"%",e(this).stop(1,1)[l?"animate":"css"](c,a.animate),!0===u.options.range&&("horizontal"===u.orientation?(0===i&&u.range.stop(1,1)[l?"animate":"css"]({left:n+"%"},a.animate),1===i&&u.range[l?"animate":"css"]({width:n-t+"%"},{queue:!1,duration:a.animate})):(0===i&&u.range.stop(1,1)[l?"animate":"css"]({bottom:n+"%"},a.animate),1===i&&u.range[l?"animate":"css"]({height:n-t+"%"},{queue:!1,duration:a.animate}))),t=n})):(i=this.value(),r=this._valueMin(),o=this._valueMax(),n=o!==r?(i-r)/(o-r)*100:0,c["horizontal"===this.orientation?"left":"bottom"]=n+"%",this.handle.stop(1,1)[l?"animate":"css"](c,a.animate),"min"===s&&"horizontal"===this.orientation&&this.range.stop(1,1)[l?"animate":"css"]({width:n+"%"},a.animate),"max"===s&&"horizontal"===this.orientation&&this.range.stop(1,1)[l?"animate":"css"]({width:100-n+"%"},a.animate),"min"===s&&"vertical"===this.orientation&&this.range.stop(1,1)[l?"animate":"css"]({height:n+"%"},a.animate),"max"===s&&"vertical"===this.orientation&&this.range.stop(1,1)[l?"animate":"css"]({height:100-n+"%"},a.animate))},_handleEvents:{keydown:function(t){var n,i,r,o=e(t.target).data("ui-slider-handle-index");switch(t.keyCode){case e.ui.keyCode.HOME:case e.ui.keyCode.END:case e.ui.keyCode.PAGE_UP:case e.ui.keyCode.PAGE_DOWN:case e.ui.keyCode.UP:case e.ui.keyCode.RIGHT:case e.ui.keyCode.DOWN:case e.ui.keyCode.LEFT:if(t.preventDefault(),!this._keySliding&&(this._keySliding=!0,this._addClass(e(t.target),null,"ui-state-active"),!1===this._start(t,o)))return}switch(r=this.options.step,n=i=this._hasMultipleValues()?this.values(o):this.value(),t.keyCode){case e.ui.keyCode.HOME:i=this._valueMin();break;case e.ui.keyCode.END:i=this._valueMax();break;case e.ui.keyCode.PAGE_UP:i=this._trimAlignValue(n+(this._valueMax()-this._valueMin())/this.numPages);break;case e.ui.keyCode.PAGE_DOWN:i=this._trimAlignValue(n-(this._valueMax()-this._valueMin())/this.numPages);break;case e.ui.keyCode.UP:case e.ui.keyCode.RIGHT:if(n===this._valueMax())return;i=this._trimAlignValue(n+r);break;case e.ui.keyCode.DOWN:case e.ui.keyCode.LEFT:if(n===this._valueMin())return;i=this._trimAlignValue(n-r)}this._slide(t,o,i)},keyup:function(t){var n=e(t.target).data("ui-slider-handle-index");this._keySliding&&(this._keySliding=!1,this._stop(t,n),this._change(t,n),this._removeClass(e(t.target),null,"ui-state-active"))}}})})?i.apply(t,r):i)||(e.exports=o)},function(e,t,n){var i,r,o; /*! * jQuery UI Mouse 1.12.1 * http://jqueryui.com @@ -53,7 +53,7 @@ function(e){var t,n,i,r,o,s,a,u,l,c,d,f,p,h,g,v,m,y,b,x="sizzle"+1*new Date,_=e. * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license - */r=[n(0),n(13),n(1),n(3)],void 0===(o="function"==typeof(i=function(e){var t=!1;return e(document).on("mouseup",(function(){t=!1})),e.widget("ui.mouse",{version:"1.12.1",options:{cancel:"input, textarea, button, select, option",distance:1,delay:0},_mouseInit:function(){var t=this;this.element.on("mousedown."+this.widgetName,(function(e){return t._mouseDown(e)})).on("click."+this.widgetName,(function(n){if(!0===e.data(n.target,t.widgetName+".preventClickEvent"))return e.removeData(n.target,t.widgetName+".preventClickEvent"),n.stopImmediatePropagation(),!1})),this.started=!1},_mouseDestroy:function(){this.element.off("."+this.widgetName),this._mouseMoveDelegate&&this.document.off("mousemove."+this.widgetName,this._mouseMoveDelegate).off("mouseup."+this.widgetName,this._mouseUpDelegate)},_mouseDown:function(n){if(!t){this._mouseMoved=!1,this._mouseStarted&&this._mouseUp(n),this._mouseDownEvent=n;var i=this,r=1===n.which,o=!("string"!=typeof this.options.cancel||!n.target.nodeName)&&e(n.target).closest(this.options.cancel).length;return!(r&&!o&&this._mouseCapture(n)&&(this.mouseDelayMet=!this.options.delay,this.mouseDelayMet||(this._mouseDelayTimer=setTimeout((function(){i.mouseDelayMet=!0}),this.options.delay)),this._mouseDistanceMet(n)&&this._mouseDelayMet(n)&&(this._mouseStarted=!1!==this._mouseStart(n),!this._mouseStarted)?(n.preventDefault(),0):(!0===e.data(n.target,this.widgetName+".preventClickEvent")&&e.removeData(n.target,this.widgetName+".preventClickEvent"),this._mouseMoveDelegate=function(e){return i._mouseMove(e)},this._mouseUpDelegate=function(e){return i._mouseUp(e)},this.document.on("mousemove."+this.widgetName,this._mouseMoveDelegate).on("mouseup."+this.widgetName,this._mouseUpDelegate),n.preventDefault(),t=!0,0)))}},_mouseMove:function(t){if(this._mouseMoved){if(e.ui.ie&&(!document.documentMode||document.documentMode<9)&&!t.button)return this._mouseUp(t);if(!t.which)if(t.originalEvent.altKey||t.originalEvent.ctrlKey||t.originalEvent.metaKey||t.originalEvent.shiftKey)this.ignoreMissingWhich=!0;else if(!this.ignoreMissingWhich)return this._mouseUp(t)}return(t.which||t.button)&&(this._mouseMoved=!0),this._mouseStarted?(this._mouseDrag(t),t.preventDefault()):(this._mouseDistanceMet(t)&&this._mouseDelayMet(t)&&(this._mouseStarted=!1!==this._mouseStart(this._mouseDownEvent,t),this._mouseStarted?this._mouseDrag(t):this._mouseUp(t)),!this._mouseStarted)},_mouseUp:function(n){this.document.off("mousemove."+this.widgetName,this._mouseMoveDelegate).off("mouseup."+this.widgetName,this._mouseUpDelegate),this._mouseStarted&&(this._mouseStarted=!1,n.target===this._mouseDownEvent.target&&e.data(n.target,this.widgetName+".preventClickEvent",!0),this._mouseStop(n)),this._mouseDelayTimer&&(clearTimeout(this._mouseDelayTimer),delete this._mouseDelayTimer),this.ignoreMissingWhich=!1,t=!1,n.preventDefault()},_mouseDistanceMet:function(e){return Math.max(Math.abs(this._mouseDownEvent.pageX-e.pageX),Math.abs(this._mouseDownEvent.pageY-e.pageY))>=this.options.distance},_mouseDelayMet:function(){return this.mouseDelayMet},_mouseStart:function(){},_mouseDrag:function(){},_mouseStop:function(){},_mouseCapture:function(){return!0}})})?i.apply(t,r):i)||(e.exports=o)},function(e,t,n){var i,r,o;r=[n(0),n(1)],void 0===(o="function"==typeof(i=function(e){return e.ui.ie=!!/msie [\w.]+/.exec(navigator.userAgent.toLowerCase())})?i.apply(t,r):i)||(e.exports=o)},function(e,t,n){var i,r,o; + */r=[n(0),n(13),n(1),n(6)],void 0===(o="function"==typeof(i=function(e){var t=!1;return e(document).on("mouseup",(function(){t=!1})),e.widget("ui.mouse",{version:"1.12.1",options:{cancel:"input, textarea, button, select, option",distance:1,delay:0},_mouseInit:function(){var t=this;this.element.on("mousedown."+this.widgetName,(function(e){return t._mouseDown(e)})).on("click."+this.widgetName,(function(n){if(!0===e.data(n.target,t.widgetName+".preventClickEvent"))return e.removeData(n.target,t.widgetName+".preventClickEvent"),n.stopImmediatePropagation(),!1})),this.started=!1},_mouseDestroy:function(){this.element.off("."+this.widgetName),this._mouseMoveDelegate&&this.document.off("mousemove."+this.widgetName,this._mouseMoveDelegate).off("mouseup."+this.widgetName,this._mouseUpDelegate)},_mouseDown:function(n){if(!t){this._mouseMoved=!1,this._mouseStarted&&this._mouseUp(n),this._mouseDownEvent=n;var i=this,r=1===n.which,o=!("string"!=typeof this.options.cancel||!n.target.nodeName)&&e(n.target).closest(this.options.cancel).length;return!(r&&!o&&this._mouseCapture(n)&&(this.mouseDelayMet=!this.options.delay,this.mouseDelayMet||(this._mouseDelayTimer=setTimeout((function(){i.mouseDelayMet=!0}),this.options.delay)),this._mouseDistanceMet(n)&&this._mouseDelayMet(n)&&(this._mouseStarted=!1!==this._mouseStart(n),!this._mouseStarted)?(n.preventDefault(),0):(!0===e.data(n.target,this.widgetName+".preventClickEvent")&&e.removeData(n.target,this.widgetName+".preventClickEvent"),this._mouseMoveDelegate=function(e){return i._mouseMove(e)},this._mouseUpDelegate=function(e){return i._mouseUp(e)},this.document.on("mousemove."+this.widgetName,this._mouseMoveDelegate).on("mouseup."+this.widgetName,this._mouseUpDelegate),n.preventDefault(),t=!0,0)))}},_mouseMove:function(t){if(this._mouseMoved){if(e.ui.ie&&(!document.documentMode||document.documentMode<9)&&!t.button)return this._mouseUp(t);if(!t.which)if(t.originalEvent.altKey||t.originalEvent.ctrlKey||t.originalEvent.metaKey||t.originalEvent.shiftKey)this.ignoreMissingWhich=!0;else if(!this.ignoreMissingWhich)return this._mouseUp(t)}return(t.which||t.button)&&(this._mouseMoved=!0),this._mouseStarted?(this._mouseDrag(t),t.preventDefault()):(this._mouseDistanceMet(t)&&this._mouseDelayMet(t)&&(this._mouseStarted=!1!==this._mouseStart(this._mouseDownEvent,t),this._mouseStarted?this._mouseDrag(t):this._mouseUp(t)),!this._mouseStarted)},_mouseUp:function(n){this.document.off("mousemove."+this.widgetName,this._mouseMoveDelegate).off("mouseup."+this.widgetName,this._mouseUpDelegate),this._mouseStarted&&(this._mouseStarted=!1,n.target===this._mouseDownEvent.target&&e.data(n.target,this.widgetName+".preventClickEvent",!0),this._mouseStop(n)),this._mouseDelayTimer&&(clearTimeout(this._mouseDelayTimer),delete this._mouseDelayTimer),this.ignoreMissingWhich=!1,t=!1,n.preventDefault()},_mouseDistanceMet:function(e){return Math.max(Math.abs(this._mouseDownEvent.pageX-e.pageX),Math.abs(this._mouseDownEvent.pageY-e.pageY))>=this.options.distance},_mouseDelayMet:function(){return this.mouseDelayMet},_mouseStart:function(){},_mouseDrag:function(){},_mouseStop:function(){},_mouseCapture:function(){return!0}})})?i.apply(t,r):i)||(e.exports=o)},function(e,t,n){var i,r,o;r=[n(0),n(1)],void 0===(o="function"==typeof(i=function(e){return e.ui.ie=!!/msie [\w.]+/.exec(navigator.userAgent.toLowerCase())})?i.apply(t,r):i)||(e.exports=o)},function(e,t,n){var i,r,o; /*! * jQuery UI Keycode 1.12.1 * http://jqueryui.com @@ -61,4 +61,4 @@ function(e){var t,n,i,r,o,s,a,u,l,c,d,f,p,h,g,v,m,y,b,x="sizzle"+1*new Date,_=e. * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license - */r=[n(0),n(1)],void 0===(o="function"==typeof(i=function(e){return e.ui.keyCode={BACKSPACE:8,COMMA:188,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,LEFT:37,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SPACE:32,TAB:9,UP:38}})?i.apply(t,r):i)||(e.exports=o)},function(e,t,n){var i=n(4),r=n(16);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var o={insert:"head",singleton:!1};i(r,o);e.exports=r.locals||{}},function(e,t,n){(t=n(5)(!1)).push([e.i,".td_player_container{display:flex;flex-flow:row wrap;justify-content:flex-start}.td_player_container .player_contents{flex-basis:40%;flex-grow:4}.td_player_container:after{content:' ';clear:both;display:block}.td_player_container .volume-slider-container{flex-basis:25%;min-width:100px;flex-grow:1;padding:10px 20px 10px 0;max-width:300px}.td_player_container .transport-button{flex-shrink:0;flex-grow:0;padding:10px 0;margin:0 10px 0 0;border:none;color:#FFF;outline:none;width:70px}.td_player_container .transport-button.playing,.td_player_container .transport-button.stopped{cursor:pointer}.td_player_container .transport-button .transport-icon{width:35px;height:35px;display:block;margin:0px auto 4px auto;position:relative}.td_player_container #tdplayer_ondemand{display:none}.td_player_container .transport-icon .shape{stroke-width:0}\n",""]),e.exports=t},function(e,t,n){var i=n(4),r=n(18);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var o={insert:"head",singleton:!1};i(r,o);e.exports=r.locals||{}},function(e,t,n){(t=n(5)(!1)).push([e.i,".spinner{animation:rotator 1.4s linear infinite;width:40px;height:auto}@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}.path{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash 1.4s ease-in-out infinite}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}100%{stroke-dashoffset:187;transform:rotate(450deg)}}\n",""]),e.exports=t},function(e,t,n){var i=n(4),r=n(20);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var o={insert:"head",singleton:!1};i(r,o);e.exports=r.locals||{}},function(e,t,n){(t=n(5)(!1)).push([e.i,"/*!\n * Modified from the original JQuery UI slider styles by David Purdy\n *\n * Copyright KTOO Public Media\n *\n * -----------\n *\n * jQuery UI Slider 1.12.1\n * http://jqueryui.com\n *\n * Copyright jQuery Foundation and other contributors\n * Released under the MIT license.\n * http://jquery.org/license\n *\n * http://api.jqueryui.com/slider/#theming\n */.td_player_container .ui-slider{position:relative;text-align:left;background-color:gray}.td_player_container .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:20px;height:20px;cursor:default;-ms-touch-action:none;touch-action:none;outline:none;border-radius:20px;background-color:#fff}.td_player_container .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.td_player_container .ui-slider.ui-state-disabled .ui-slider-handle,.td_player_container .ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.td_player_container .ui-slider-horizontal{height:6px;top:50%;margin-top:-3px;min-width:75px}.td_player_container .ui-slider-horizontal .ui-slider-handle{top:-7px;margin-left:-12px;margin-top:-2px}.td_player_container .ui-slider-horizontal .ui-slider-range{top:0;height:100%}.td_player_container .ui-slider-horizontal .ui-slider-range-min{left:0}.td_player_container .ui-slider-horizontal .ui-slider-range-max{right:0}.td_player_container .ui-slider-vertical{width:6px;height:100px}.td_player_container .ui-slider-vertical .ui-slider-handle{left:-13px;margin-left:0;margin-bottom:-10px}.td_player_container .ui-slider-vertical .ui-slider-range{left:0;width:100%}.td_player_container .ui-slider-vertical .ui-slider-range-min{bottom:0}.td_player_container .ui-slider-vertical .ui-slider-range-max{top:0}\n",""]),e.exports=t},function(e,t,n){"use strict";(function(t){var i=n(23),r=n(24),o=n(25);e.exports=function(e){var n,a,u=[],l=1;if("string"==typeof e)if(i[e])u=i[e].slice(),a="rgb";else if("transparent"===e)l=0,a="rgb",u=[0,0,0];else if(/^#[A-Fa-f0-9]+$/.test(e)){var c=(p=e.slice(1)).length;l=1,c<=4?(u=[parseInt(p[0]+p[0],16),parseInt(p[1]+p[1],16),parseInt(p[2]+p[2],16)],4===c&&(l=parseInt(p[3]+p[3],16)/255)):(u=[parseInt(p[0]+p[1],16),parseInt(p[2]+p[3],16),parseInt(p[4]+p[5],16)],8===c&&(l=parseInt(p[6]+p[7],16)/255)),u[0]||(u[0]=0),u[1]||(u[1]=0),u[2]||(u[2]=0),a="rgb"}else if(n=/^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(e)){var d=n[1],f="rgb"===d,p=d.replace(/a$/,"");a=p;c="cmyk"===p?4:"gray"===p?1:3;u=n[2].trim().split(/\s*,\s*/).map((function(e,t){if(/%$/.test(e))return t===c?parseFloat(e)/100:"rgb"===p?255*parseFloat(e)/100:parseFloat(e);if("h"===p[t]){if(/deg$/.test(e))return parseFloat(e);if(void 0!==s[e])return s[e]}return parseFloat(e)})),d===p&&u.push(1),l=f||void 0===u[c]?1:u[c],u=u.slice(0,c)}else e.length>10&&/[0-9](?:\s|\/)/.test(e)&&(u=e.match(/([0-9]+)/g).map((function(e){return parseFloat(e)})),a=e.match(/([a-z])/gi).join("").toLowerCase());else if(isNaN(e))if(r(e)){var h=o(e.r,e.red,e.R,null);null!==h?(a="rgb",u=[h,o(e.g,e.green,e.G),o(e.b,e.blue,e.B)]):(a="hsl",u=[o(e.h,e.hue,e.H),o(e.s,e.saturation,e.S),o(e.l,e.lightness,e.L,e.b,e.brightness)]),l=o(e.a,e.alpha,e.opacity,1),null!=e.opacity&&(l/=100)}else(Array.isArray(e)||t.ArrayBuffer&&ArrayBuffer.isView&&ArrayBuffer.isView(e))&&(u=[e[0],e[1],e[2]],a="rgb",l=4===e.length?e[3]:1);else a="rgb",u=[e>>>16,(65280&e)>>>8,255&e];return{space:a,values:u,alpha:l}};var s={red:0,orange:60,yellow:120,green:180,blue:240,purple:300}}).call(this,n(22))},function(e,t){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(e){"object"==typeof window&&(n=window)}e.exports=n},function(e,t,n){"use strict";e.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}},function(e,t,n){"use strict";var i=Object.prototype.toString;e.exports=function(e){var t;return"[object Object]"===i.call(e)&&(null===(t=Object.getPrototypeOf(e))||t===Object.getPrototypeOf({}))}},function(e,t){e.exports=function(){for(var e=0;eLoading
'},this.button_states[this.STATUS.LOADING]={class:"loading",content:p.a+'
Starting
'},this.button_states[this.STATUS.PLAYING]={class:"playing",content:m.a+'
Stop
'},this.button_states[this.STATUS.STOPPED]={class:"stopped",content:g.a+'
Play
'},this.cookie_expiration=new Date("December 31, 9999 01:01:00")}},{key:"init_volume",value:function(){var e=this;this.volume_settings=s.a.getJSON()["ktoo-stream-volumes"]?s.a.getJSON()["ktoo-stream-volumes"]:{};var t=75;this.volume_settings&&(this.volume_settings[this.station]>=0&&this.volume_settings[this.station]<=100?t=Math.max(15,this.volume_settings[this.station]):this.volume_settings.default&&(t=Math.max(15,this.volume_settings.default))),this.update_volume(t),this.conditional_volume((function(){r()("#"+e.player_id+" .volume-slider").slider({value:e.volume,slide:function(t,n){e.update_volume(n.value)}})}))}},{key:"init_elements",value:function(){var e=this;r()("#"+this.player_id).wrapInner("
"),r()("#"+this.player_id).prepend(d.a),l(this.player_id),this.conditional_volume((function(){r()("#"+e.player_id+" .volume-slider-container").show()})),r()("#"+this.player_id).addClass("td_player_container"),this.td_container_id="td_container_"+Math.floor(1e4*Math.random()),r()("#"+this.player_id+" .td_container").attr("id",this.td_container_id),this.set_player_state("initializing")}},{key:"conditional_volume",value:function(e){var t=new Audio;t.addEventListener("volumechange",(function(t){e&&e()})),t.volume=.76543}},{key:"update_volume",value:function(e){this.volume=e,this.player&&"function"==typeof this.player.setVolume&&this.player.setVolume(e/100),this.volume_settings&&"object"==y(this.volume_settings)||(this.volume_settings={}),this.volume_settings[this.station]=e,this.volume_settings.default=e,s.a.set("ktoo-stream-volumes",this.volume_settings)}},{key:"get_volume",value:function(){return this.volume}},{key:"init_player",value:function(){var e=this,t={coreModules:[{id:"MediaPlayer",playerId:this.td_container_id,geoTargeting:!1,techPriority:["Html5","Flash"],audioAdaptive:!0}],playerReady:function(){e.on_player_ready()},configurationError:function(){e.on_player_error()},moduleError:function(){e.on_player_error()}};this.player=new TDSdk(t)}},{key:"set_player_state",value:function(e){r()("#"+this.player_id+" .transport-button").html(this.button_states[e].content),r()("#"+this.player_id+" .transport-button").attr("class",this.button_states[e].class+" transport-button"),this.player_state=e}},{key:"on_player_ready",value:function(){var e=this;this.set_player_state(this.STATUS.STOPPED),this.player.addEventListener("stream-status",(function(t){e.on_status_change(t)})),r()("#"+this.player_id+" .transport-button").click((function(){switch(e.player_state){case e.STATUS.STOPPED:e.player.setVolume(e.get_volume()/100),e.player.play({station:e.station});break;case e.STATUS.LOADING:case e.STATUS.PLAYING:e.player.stop()}})),this.conditional_volume((function(){l(e.player_id),r()("#"+e.player_id+" .volume-slider").show(),e.player.setVolume(e.volume/100),r()("#"+e.player_id+" .volume-slider").slider({value:100*e.player.getVolume()})}))}},{key:"on_status_change",value:function(e){switch(e.data.code){case"LIVE_PAUSE":case"LIVE_STOP":this.set_player_state("stopped");break;case"LIVE_BUFFERING":case"LIVE_CONNECTING":case"LIVE_RECONNECTING":case"GETTING_STATION_INFORMATION":this.set_player_state("loading");break;case"LIVE_PLAYING":this.set_player_state("playing")}}},{key:"on_player_error",value:function(e){console.log(object),console.log(object.data.errors)}}])&&b(t.prototype,n),i&&b(t,i),e}();r()(document).ready((function(){r.a.getScript("//sdk.listenlive.co/web/2.9/td-sdk.min.js").done((function(e,t){var n=document.scripts[document.scripts.length-1],i=r()(n).data("player-id");new x(i)}))}))}]); \ No newline at end of file + */r=[n(0),n(1)],void 0===(o="function"==typeof(i=function(e){return e.ui.keyCode={BACKSPACE:8,COMMA:188,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,LEFT:37,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SPACE:32,TAB:9,UP:38}})?i.apply(t,r):i)||(e.exports=o)},function(e,t,n){var i=n(3),r=n(16);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var o={insert:"head",singleton:!1};i(r,o);e.exports=r.locals||{}},function(e,t,n){(t=n(4)(!1)).push([e.i,".td_player_container{display:flex;flex-flow:row wrap;justify-content:flex-start}.td_player_container .player_contents{flex-basis:40%;flex-grow:4}.td_player_container:after{content:' ';clear:both;display:block}.td_player_container .volume-slider-container{flex-basis:25%;min-width:100px;flex-grow:1;padding:10px 20px 10px 0;max-width:300px}.td_player_container .transport-button{flex-shrink:0;flex-grow:0;padding:10px 0;margin:0 10px 0 0;border:none;color:#FFF;outline:none;width:70px}.td_player_container .transport-button.playing,.td_player_container .transport-button.stopped{cursor:pointer}.td_player_container .transport-button .status{font-size:12pt;font-weight:normal;line-height:1}.td_player_container .transport-button .transport-icon{width:35px;height:35px;display:block;margin:0px auto 4px auto;position:relative}.td_player_container #tdplayer_ondemand{display:none}.td_player_container .transport-icon .shape{stroke-width:0}\n",""]),e.exports=t},function(e,t,n){var i=n(3),r=n(18);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var o={insert:"head",singleton:!1};i(r,o);e.exports=r.locals||{}},function(e,t,n){(t=n(4)(!1)).push([e.i,".spinner{animation:rotator 1.4s linear infinite;width:40px;height:auto}@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}.path{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash 1.4s ease-in-out infinite}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}100%{stroke-dashoffset:187;transform:rotate(450deg)}}\n",""]),e.exports=t},function(e,t,n){var i=n(3),r=n(20);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var o={insert:"head",singleton:!1};i(r,o);e.exports=r.locals||{}},function(e,t,n){(t=n(4)(!1)).push([e.i,"/*!\n * Modified from the original JQuery UI slider styles by David Purdy\n *\n * Copyright KTOO Public Media\n *\n * -----------\n *\n * jQuery UI Slider 1.12.1\n * http://jqueryui.com\n *\n * Copyright jQuery Foundation and other contributors\n * Released under the MIT license.\n * http://jquery.org/license\n *\n * http://api.jqueryui.com/slider/#theming\n */.td_player_container .ui-slider{position:relative;text-align:left;background-color:gray}.td_player_container .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:20px;height:20px;cursor:default;-ms-touch-action:none;touch-action:none;outline:none;border-radius:20px;background-color:#fff}.td_player_container .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.td_player_container .ui-slider.ui-state-disabled .ui-slider-handle,.td_player_container .ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.td_player_container .ui-slider-horizontal{height:6px;top:50%;margin-top:-3px;min-width:75px}.td_player_container .ui-slider-horizontal .ui-slider-handle{top:-7px;margin-left:-12px;margin-top:-2px;box-sizing:content-box}.td_player_container .ui-slider-horizontal .ui-slider-range{top:0;height:100%}.td_player_container .ui-slider-horizontal .ui-slider-range-min{left:0}.td_player_container .ui-slider-horizontal .ui-slider-range-max{right:0}.td_player_container .ui-slider-vertical{width:6px;height:100px}.td_player_container .ui-slider-vertical .ui-slider-handle{left:-13px;margin-left:0;margin-bottom:-10px}.td_player_container .ui-slider-vertical .ui-slider-range{left:0;width:100%}.td_player_container .ui-slider-vertical .ui-slider-range-min{bottom:0}.td_player_container .ui-slider-vertical .ui-slider-range-max{top:0}\n",""]),e.exports=t},function(e,t,n){"use strict";(function(t){var i=n(23),r=n(24),o=n(25);e.exports=function(e){var n,a,u=[],l=1;if("string"==typeof e)if(i[e])u=i[e].slice(),a="rgb";else if("transparent"===e)l=0,a="rgb",u=[0,0,0];else if(/^#[A-Fa-f0-9]+$/.test(e)){var c=(p=e.slice(1)).length;l=1,c<=4?(u=[parseInt(p[0]+p[0],16),parseInt(p[1]+p[1],16),parseInt(p[2]+p[2],16)],4===c&&(l=parseInt(p[3]+p[3],16)/255)):(u=[parseInt(p[0]+p[1],16),parseInt(p[2]+p[3],16),parseInt(p[4]+p[5],16)],8===c&&(l=parseInt(p[6]+p[7],16)/255)),u[0]||(u[0]=0),u[1]||(u[1]=0),u[2]||(u[2]=0),a="rgb"}else if(n=/^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(e)){var d=n[1],f="rgb"===d,p=d.replace(/a$/,"");a=p;c="cmyk"===p?4:"gray"===p?1:3;u=n[2].trim().split(/\s*,\s*/).map((function(e,t){if(/%$/.test(e))return t===c?parseFloat(e)/100:"rgb"===p?255*parseFloat(e)/100:parseFloat(e);if("h"===p[t]){if(/deg$/.test(e))return parseFloat(e);if(void 0!==s[e])return s[e]}return parseFloat(e)})),d===p&&u.push(1),l=f||void 0===u[c]?1:u[c],u=u.slice(0,c)}else e.length>10&&/[0-9](?:\s|\/)/.test(e)&&(u=e.match(/([0-9]+)/g).map((function(e){return parseFloat(e)})),a=e.match(/([a-z])/gi).join("").toLowerCase());else if(isNaN(e))if(r(e)){var h=o(e.r,e.red,e.R,null);null!==h?(a="rgb",u=[h,o(e.g,e.green,e.G),o(e.b,e.blue,e.B)]):(a="hsl",u=[o(e.h,e.hue,e.H),o(e.s,e.saturation,e.S),o(e.l,e.lightness,e.L,e.b,e.brightness)]),l=o(e.a,e.alpha,e.opacity,1),null!=e.opacity&&(l/=100)}else(Array.isArray(e)||t.ArrayBuffer&&ArrayBuffer.isView&&ArrayBuffer.isView(e))&&(u=[e[0],e[1],e[2]],a="rgb",l=4===e.length?e[3]:1);else a="rgb",u=[e>>>16,(65280&e)>>>8,255&e];return{space:a,values:u,alpha:l}};var s={red:0,orange:60,yellow:120,green:180,blue:240,purple:300}}).call(this,n(22))},function(e,t){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(e){"object"==typeof window&&(n=window)}e.exports=n},function(e,t,n){"use strict";e.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}},function(e,t,n){"use strict";var i=Object.prototype.toString;e.exports=function(e){var t;return"[object Object]"===i.call(e)&&(null===(t=Object.getPrototypeOf(e))||t===Object.getPrototypeOf({}))}},function(e,t){e.exports=function(){for(var e=0;eLoading
'},this.button_states[this.STATUS.LOADING]={class:"loading",content:p.a+'
Starting
'},this.button_states[this.STATUS.PLAYING]={class:"playing",content:m.a+'
Stop
'},this.button_states[this.STATUS.STOPPED]={class:"stopped",content:g.a+'
Play
'},this.cookie_expiration=new Date("December 31, 9999 01:01:00")}},{key:"init_volume",value:function(){var e=this;this.volume_settings=s.a.getJSON()["ktoo-stream-volumes"]?s.a.getJSON()["ktoo-stream-volumes"]:{};var t=75;this.volume_settings&&(this.volume_settings[this.station]>=0&&this.volume_settings[this.station]<=100?t=Math.max(15,this.volume_settings[this.station]):this.volume_settings.default&&(t=Math.max(15,this.volume_settings.default))),this.update_volume(t),this.conditional_volume((function(){r()("#"+e.player_id+" .volume-slider").slider({value:e.volume,slide:function(t,n){e.update_volume(n.value)}})}))}},{key:"init_elements",value:function(){var e=this;r()("#"+this.player_id).wrapInner("
"),r()("#"+this.player_id).prepend(d.a),l(this.player_id),this.conditional_volume((function(){r()("#"+e.player_id+" .volume-slider-container").show()})),r()("#"+this.player_id).addClass("td_player_container"),this.td_container_id="td_container_"+Math.floor(1e4*Math.random()),r()("#"+this.player_id+" .td_container").attr("id",this.td_container_id),this.set_player_state("initializing")}},{key:"conditional_volume",value:function(e){var t=new Audio;t.addEventListener("volumechange",(function(t){e&&e()})),t.volume=.76543}},{key:"update_volume",value:function(e){this.volume=e,this.player&&"function"==typeof this.player.setVolume&&this.player.setVolume(e/100),this.volume_settings&&"object"==y(this.volume_settings)||(this.volume_settings={}),this.volume_settings[this.station]=e,this.volume_settings.default=e,s.a.set("ktoo-stream-volumes",this.volume_settings)}},{key:"get_volume",value:function(){return this.volume}},{key:"init_player",value:function(){var e=this,t={coreModules:[{id:"MediaPlayer",playerId:this.td_container_id,geoTargeting:!1,techPriority:["Html5","Flash"],audioAdaptive:!0}],playerReady:function(){e.on_player_ready()},configurationError:function(){e.on_player_error()},moduleError:function(){e.on_player_error()}};this.player=new TDSdk(t)}},{key:"set_player_state",value:function(e){r()("#"+this.player_id+" .transport-button").html(this.button_states[e].content),r()("#"+this.player_id+" .transport-button").attr("class",this.button_states[e].class+" transport-button"),this.player_state=e}},{key:"on_player_ready",value:function(){var e=this;this.set_player_state(this.STATUS.STOPPED),this.player.addEventListener("stream-status",(function(t){e.on_status_change(t)})),r()("#"+this.player_id+" .transport-button").click((function(){switch(e.player_state){case e.STATUS.STOPPED:e.player.setVolume(e.get_volume()/100),e.player.play({station:e.station});break;case e.STATUS.LOADING:case e.STATUS.PLAYING:e.player.stop()}})),this.conditional_volume((function(){l(e.player_id),r()("#"+e.player_id+" .volume-slider").show(),e.player.setVolume(e.volume/100),r()("#"+e.player_id+" .volume-slider").slider({value:100*e.player.getVolume()})}))}},{key:"on_status_change",value:function(e){switch(e.data.code){case"LIVE_PAUSE":case"LIVE_STOP":this.set_player_state("stopped");break;case"LIVE_BUFFERING":case"LIVE_CONNECTING":case"LIVE_RECONNECTING":case"GETTING_STATION_INFORMATION":this.set_player_state("loading");break;case"LIVE_PLAYING":this.set_player_state("playing")}}},{key:"on_player_error",value:function(e){console.log(object),console.log(object.data.errors)}}])&&b(t.prototype,n),i&&b(t,i),e}();r()(document).ready((function(){r.a.getScript("//sdk.listenlive.co/web/2.9/td-sdk.min.js").done((function(e,t){new x("livestream_player")}))}))}]); \ No newline at end of file diff --git a/src/index.js b/src/index.js index 8828e75..52666d8 100644 --- a/src/index.js +++ b/src/index.js @@ -3,16 +3,15 @@ import $ from "jquery"; import {Triton_Livestream_Player} from './Triton_Livestream_Player'; -/* when the document is ready, set things up */ +// when the document is ready, set things up $(document).ready(function() { - /* Load the Triton SDK and create our player object when it's loaded */ + // Load the Triton SDK and create our player object when it's loaded $.getScript('//sdk.listenlive.co/web/2.9/td-sdk.min.js') .done(function(script, textStatus) { - const current_script = document.scripts[document.scripts.length - 1]; - const player_id = $(current_script).data('player-id'); + const player_id = 'livestream_player'; new Triton_Livestream_Player(player_id); }); diff --git a/src/scss/player-styles.scss b/src/scss/player-styles.scss index 4e85457..bdf92b7 100644 --- a/src/scss/player-styles.scss +++ b/src/scss/player-styles.scss @@ -40,6 +40,12 @@ cursor:pointer; } + .status { + font-size: 12pt; + font-weight: normal; + line-height: 1; + } + .transport-icon { width: 35px; height: 35px; diff --git a/src/scss/slider.scss b/src/scss/slider.scss index 4cd329d..49e6ea1 100644 --- a/src/scss/slider.scss +++ b/src/scss/slider.scss @@ -75,9 +75,10 @@ $handle_color: white; min-width:75px; } .ui-slider-horizontal .ui-slider-handle { - top: 0 - $handle_height/2 + $track_width/2; + top: 0 + $track_width/2 - $handle_height/2; margin-left: 0 - $handle_width/2 - 2px; margin-top:-2px; + box-sizing:content-box; } .ui-slider-horizontal .ui-slider-range { top: 0;