1 line
10 KiB
JavaScript
1 line
10 KiB
JavaScript
!function t(e,i,n){function o(a,r){if(!i[a]){if(!e[a]){var h="function"==typeof require&&require;if(!r&&h)return h(a,!0);if(s)return s(a,!0);throw new Error("Cannot find module '"+a+"'")}var c=i[a]={exports:{}};e[a][0].call(c.exports,function(t){var i=e[a][1][t];return o(i?i:t)},c,c.exports,t,e,i,n)}return i[a].exports}for(var s="function"==typeof require&&require,a=0;a<n.length;a++)o(n[a]);return o}({1:[function(t,e,i){"use strict";function n(t,e,i){if("string"==typeof i){if(i=document.querySelector(i),!i)throw"Cannot find reference element for CSS injection."}else if(i&&!(i instanceof Element))throw"Given value not a reference element.";var o=i&&i.parentNode||document.head||document.getElementsByTagName("head")[0];if(!e||(e=n.idPrefix+e,!o.querySelector("#"+e))){var s=document.createElement("style");return s.type="text/css",e&&(s.id=e),t instanceof Array&&(t=t.join("\n")),t="\n"+t+"\n",s.styleSheet?s.styleSheet.cssText=t:s.appendChild(document.createTextNode(t)),void 0===i&&(i=o.firstChild),o.insertBefore(s,i),s}}n.idPrefix="injected-stylesheet-",e.exports=n},{}],2:[function(t,e,i){"use strict";window.FinBar||(window.FinBar=t("./"))},{"./":3}],3:[function(t,e,i){"use strict";function n(t){var e=this._bound={};Object.keys(u).forEach(function(t){e[t]=u[t].bind(this)},this);var i=this.thumb=document.createElement("div");i.classList.add("thumb"),i.setAttribute("style",l),i.onclick=e.shortStop,i.onmouseover=e.onmouseover,i.onmouseout=this._bound.onmouseout;var o=this.bar=document.createElement("div");o.classList.add("finbar-vertical"),o.setAttribute("style",c),o.onmousedown=this._bound.onmousedown,this.paging&&(o.onclick=e.onclick),o.appendChild(i),t=t||{},this.orientation="vertical",this._min=this._index=0,this._max=100,this.normal=a()||1,Object.keys(t).forEach(function(e){var i=t[e];if(void 0!==i)switch(e){case"index":this._index=i;break;case"range":s(i),this._min=i.min,this._max=i.max,this.contentSize=i.max-i.min+1;break;default:"_"!==e.charAt(0)&&"function"!=typeof n.prototype[e]&&(this[e]=i)}},this),h(m,"finbar-base",t.cssStylesheetReferenceElement)}function o(t){for(var e=1;e<arguments.length;++e){var i=arguments[e];if(i)for(var n in i)t[n]=i[n]}return t}function s(t){var e=Object.keys(t),i=2===e.length&&"number"==typeof t.min&&"number"==typeof t.max&&t.min<=t.max;i||r("Invalid .range object.")}function a(){var t=window.navigator,e=t.userAgent,i=t.platform.substr(0,3).toLowerCase(),o=/Edge/.test(e)?"edge":/Opera|OPR|Chrome|Safari/.test(e)?"webkit":/Firefox/.test(e)?"moz":document.documentMode?"ms":void 0,s=n.normals[i]||{};return s[o]}function r(t){throw"finbars: "+t}var h=t("css-injector"),c="position: absolute;",l="position: absolute;";n.prototype={set orientation(t){t!==this._orientation&&(this._orientation=t,this.oh=d[this._orientation],this.oh||r("Invalid value for `options._orientation."),this.deltaProp=this.oh.delta,this.bar.className=this.bar.className.replace(/(vertical|horizontal)/g,t),this.bar.style.cssText===c&&this.thumb.style.cssText===l||(this.bar.setAttribute("style",c),this.thumb.setAttribute("style",l),this.resize()))},get orientation(){return this._orientation},onchange:null,set classPrefix(t){this._classPrefix&&this.bar.classList.remove(this._classPrefix+this.orientation),this._classPrefix=t,t&&this.bar.classList.add(t+"-"+this.orientation)},get classPrefix(){return this._classPrefix},increment:1,deltaXFactor:1,deltaYFactor:1,deltaZFactor:1,barStyles:null,set style(t){var e=Object.keys(t=o({},t,this._auxStyles));if(e.length){var i=this.bar,n=i.getBoundingClientRect(),s=this.container||i.parentElement,a=s.getBoundingClientRect(),r=this.oh;i.setAttribute("style",c),e.forEach(function(e){var o=t[e];if(e in r&&(e=r[e]),isNaN(Number(o))){if(/%$/.test(o)){var s=f[e],h=n[s.marginLeading]+n[s.marginTrailing];h&&(o=parseInt(o,10)/100*a[s.size]-h+"px")}}else o=(o||0)+"px";i.style[e]=o})}},paging:!0,set range(t){s(t),this._min=t.min,this._max=t.max,this.contentSize=t.max-t.min+1,this.index=this.index},get range(){return{min:this._min,max:this._max}},set index(t){t=Math.min(this._max,Math.max(this._min,t)),this._setScroll(t)},get index(){return this._index},_setScroll:function(t,e){this._index=t,this.testPanelItem&&this.testPanelItem.index instanceof Element&&(this.testPanelItem.index.innerHTML=Math.round(t)),this.onchange&&this.onchange.call(this,Math.round(t)),void 0===e&&(e=(t-this._min)/(this._max-this._min)*this._thumbMax),this.thumb.style[this.oh.leading]=e+"px"},scrollRealContent:function(t){var e=this.content.parentElement.getBoundingClientRect(),i=this.oh.size,n=Math.max(0,this.content[i]-e[i]),o=(t-this._min)/(this._max-this._min)*n;this.content.style[this.oh.leading]=-o+"px"},resize:function(t,e){var i=this.bar;if(i.parentNode){var n=this.container||i.parentElement,o=n.getBoundingClientRect();"object"==typeof t&&(e=t,t=void 0),this.style=this.barStyles=e||this.barStyles,this.content&&(this.onchange||(this.onchange=this.scrollRealContent,this.contentSize=this.content[this.oh.size],this._min=0,this._max=this.contentSize-1)),this.onchange===this.scrollRealContent?(this.containerSize=o[this.oh.size],this.increment=this.containerSize/(this.contentSize-this.containerSize)*(this._max-this._min)):(this.containerSize=1,this.increment=t||this.increment);var s=this.index;return this.testPanelItem=this.testPanelItem||this._addTestPanelItem(),this._setThumbSize(),this.index=s,null!==this.deltaProp&&n.addEventListener("wheel",this._bound.onwheel),this}},shortenBy:function(t){return this.shortenEndBy("trailing",t)},foreshortenBy:function(t){return this.shortenEndBy("leading",t)},shortenEndBy:function(t,e){if(e){if(e instanceof n&&e.orientation!==this.orientation){var i=window.getComputedStyle(e.bar),o=d[e.orientation];this._auxStyles={},this._auxStyles[t]=i[o.thickness]}}else delete this._auxStyles;return this},_setThumbSize:function(){var t=this.oh,e=window.getComputedStyle(this.thumb),i=parseInt(e[t.marginLeading]),n=parseInt(e[t.marginTrailing]),o=i+n,s=this.bar.getBoundingClientRect()[t.size],a=Math.max(20,s*this.containerSize/this.contentSize);this.containerSize<this.contentSize?(this.bar.style.visibility="visible",this.thumb.style[t.size]=a+"px"):this.bar.style.visibility="hidden",this._thumbMax=s-a-o,this._thumbMarginLeading=i},remove:function(){this.bar.onmousedown=null,this._removeEvt("mousemove"),this._removeEvt("mouseup"),(this.container||this.bar.parentElement)._removeEvt("wheel"),this.bar.onclick=this.thumb.onclick=this.thumb.onmouseover=this.thumb.transitionend=this.thumb.onmouseout=null,this.bar.remove()},_addTestPanelItem:function(){var t,e=document.querySelector("."+this._classPrefix+".test-panel")||document.querySelector(".test-panel");if(e){var i=["mousedown","mousemove","mouseup","index"],n=document.createElement("li");i.forEach(function(t){n.innerHTML+='<span class="'+t+'">'+t.replace("mouse","")+"</span>"}),e.appendChild(n),t={},i.forEach(function(e){t[e]=n.getElementsByClassName(e)[0]})}return t},_addEvt:function(t){var e=this.testPanelItem&&this.testPanelItem[t];e&&e.classList.add("listening"),window.addEventListener(t,this._bound["on"+t])},_removeEvt:function(t){var e=this.testPanelItem&&this.testPanelItem[t];e&&e.classList.remove("listening"),window.removeEventListener(t,this._bound["on"+t])}};var u={shortStop:function(t){t.stopPropagation()},onwheel:function(t){this.index+=t[this.deltaProp]*this[this.deltaProp+"Factor"]*this.normal,t.stopPropagation(),t.preventDefault()},onclick:function(t){var e=this.thumb.getBoundingClientRect(),i=t[this.oh.coordinate]<e[this.oh.leading];"object"==typeof this.paging?this.index=this.paging[i?"up":"down"](Math.round(this.index)):this.index+=i?-this.increment:this.increment,this.thumb.classList.add("hover");var n=this;this.thumb.addEventListener("transitionend",function o(){this.removeEventListener("transitionend",o),n._bound.onmouseup(t)}),t.stopPropagation()},onmouseover:function(){this.thumb.classList.add("hover")},onmouseout:function(){this.dragging||this.thumb.classList.remove("hover")},onmousedown:function(t){var e=this.thumb.getBoundingClientRect();this.pinOffset=t[this.oh.axis]-e[this.oh.leading]+this.bar.getBoundingClientRect()[this.oh.leading]+this._thumbMarginLeading,document.documentElement.style.cursor="default",this.dragging=!0,this._addEvt("mousemove"),this._addEvt("mouseup"),t.stopPropagation(),t.preventDefault()},onmousemove:function(t){if(!(1&t.buttons))return void window.dispatchEvent(new MouseEvent("mouseup",t));var e=Math.min(this._thumbMax,Math.max(0,t[this.oh.axis]-this.pinOffset)),i=e/this._thumbMax*(this._max-this._min)+this._min;this._setScroll(i,e),t.stopPropagation(),t.preventDefault()},onmouseup:function(t){this._removeEvt("mousemove"),this._removeEvt("mouseup"),this.dragging=!1,document.documentElement.style.cursor="auto";var e=this.thumb.getBoundingClientRect();e.left<=t.clientX&&t.clientX<=e.right&&e.top<=t.clientY&&t.clientY<=e.bottom?this._bound.onmouseover(t):this._bound.onmouseout(t),t.stopPropagation(),t.preventDefault()}};n.normals={mac:{webkit:1,moz:35},win:{webkit:2.6,moz:85,ms:2.9,edge:2}};var m,d={vertical:{coordinate:"clientY",axis:"pageY",size:"height",outside:"right",inside:"left",leading:"top",trailing:"bottom",marginLeading:"marginTop",marginTrailing:"marginBottom",thickness:"width",delta:"deltaY"},horizontal:{coordinate:"clientX",axis:"pageX",size:"width",outside:"bottom",inside:"top",leading:"left",trailing:"right",marginLeading:"marginLeft",marginTrailing:"marginRight",thickness:"height",delta:"deltaX"}},f={top:"vertical",bottom:"vertical",height:"vertical",left:"horizontal",right:"horizontal",width:"horizontal"};m="div.finbar-horizontal,div.finbar-vertical{margin:3px}div.finbar-horizontal>.thumb,div.finbar-vertical>.thumb{background-color:#d3d3d3;-webkit-box-shadow:0 0 1px #000;-moz-box-shadow:0 0 1px #000;box-shadow:0 0 1px #000;border-radius:4px;margin:2px;opacity:.4;transition:opacity .5s}div.finbar-horizontal>.thumb.hover,div.finbar-vertical>.thumb.hover{opacity:1;transition:opacity .5s}div.finbar-vertical{top:0;bottom:0;right:0;width:11px}div.finbar-vertical>.thumb{top:0;right:0;width:7px}div.finbar-horizontal{left:0;right:0;bottom:0;height:11px}div.finbar-horizontal>.thumb{left:0;bottom:0;height:7px}",e.exports=n},{"css-injector":1}]},{},[2]); |