├── .babelrc
├── .gitignore
├── README.md
├── dist
    └── build.js
├── index.html
├── package.json
├── src
    ├── App.vue
    ├── assets
    │   └── test.jpg
    ├── components
    │   └── scrollbar
    │   │   ├── index.js
    │   │   ├── perfect-scrollbar
    │   │       ├── index.js
    │   │       ├── lib
    │   │       │   ├── class.js
    │   │       │   ├── dom.js
    │   │       │   ├── event-manager.js
    │   │       │   ├── guid.js
    │   │       │   └── helper.js
    │   │       └── plugin
    │   │       │   ├── default-setting.js
    │   │       │   ├── destroy.js
    │   │       │   ├── handler
    │   │       │       ├── click-rail.js
    │   │       │       ├── drag-scrollbar.js
    │   │       │       ├── keyboard.js
    │   │       │       ├── mouse-wheel.js
    │   │       │       ├── native-scroll.js
    │   │       │       ├── selection.js
    │   │       │       └── touch.js
    │   │       │   ├── initialize.js
    │   │       │   ├── instances.js
    │   │       │   ├── update-geometry.js
    │   │       │   ├── update-scroll.js
    │   │       │   └── update.js
    │   │   └── scrollbar.vue
    └── main.js
└── webpack.config.js


/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": [
3 |     ["es2015", { "modules": false }]
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | npm-debug.log
4 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # vue-perfect-scrollbar
 2 | 
 3 | > A scrollbar beautify module, build with vuejs, rely on perfect-scroll.js.
 4 | 
 5 | ## Build Setup
 6 | 
 7 | ``` bash
 8 | # install dependencies
 9 | npm install
10 | 
11 | # serve with hot reload at localhost:8080
12 | npm run dev
13 | 
14 | # build for production with minification
15 | npm run build
16 | ```
17 | 
18 | For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).
19 | 


--------------------------------------------------------------------------------
/dist/build.js:
--------------------------------------------------------------------------------
1 | !function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,t,n){Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var n=e&&e.__esModule?function(){return e["default"]}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/dist/",t(t.s=35)}([function(e,t,n){"use strict";function r(e){function t(){l.add(e,"ps-focus")}function n(){l.remove(e,"ps-focus")}var r=this;r.settings=s.clone(c),r.containerWidth=null,r.containerHeight=null,r.contentWidth=null,r.contentHeight=null,r.isRtl="rtl"===u.css(e,"direction"),r.isNegativeScroll=function(){var t=e.scrollLeft,n=null;return e.scrollLeft=-1,n=e.scrollLeft<0,e.scrollLeft=t,n}(),r.negativeScrollAdjustment=r.isNegativeScroll?e.scrollWidth-e.clientWidth:0,r.event=new d,r.ownerDocument=e.ownerDocument||document,r.scrollbarXRail=u.appendTo(u.e("div","ps-scrollbar-x-rail"),e),r.scrollbarX=u.appendTo(u.e("div","ps-scrollbar-x"),r.scrollbarXRail),r.scrollbarX.setAttribute("tabindex",0),r.event.bind(r.scrollbarX,"focus",t),r.event.bind(r.scrollbarX,"blur",n),r.scrollbarXActive=null,r.scrollbarXWidth=null,r.scrollbarXLeft=null,r.scrollbarXBottom=s.toInt(u.css(r.scrollbarXRail,"bottom")),r.isScrollbarXUsingBottom=r.scrollbarXBottom===r.scrollbarXBottom,r.scrollbarXTop=r.isScrollbarXUsingBottom?null:s.toInt(u.css(r.scrollbarXRail,"top")),r.railBorderXWidth=s.toInt(u.css(r.scrollbarXRail,"borderLeftWidth"))+s.toInt(u.css(r.scrollbarXRail,"borderRightWidth")),u.css(r.scrollbarXRail,"display","block"),r.railXMarginWidth=s.toInt(u.css(r.scrollbarXRail,"marginLeft"))+s.toInt(u.css(r.scrollbarXRail,"marginRight")),u.css(r.scrollbarXRail,"display",""),r.railXWidth=null,r.railXRatio=null,r.scrollbarYRail=u.appendTo(u.e("div","ps-scrollbar-y-rail"),e),r.scrollbarY=u.appendTo(u.e("div","ps-scrollbar-y"),r.scrollbarYRail),r.scrollbarY.setAttribute("tabindex",0),r.event.bind(r.scrollbarY,"focus",t),r.event.bind(r.scrollbarY,"blur",n),r.scrollbarYActive=null,r.scrollbarYHeight=null,r.scrollbarYTop=null,r.scrollbarYRight=s.toInt(u.css(r.scrollbarYRail,"right")),r.isScrollbarYUsingRight=r.scrollbarYRight===r.scrollbarYRight,r.scrollbarYLeft=r.isScrollbarYUsingRight?null:s.toInt(u.css(r.scrollbarYRail,"left")),r.scrollbarYOuterWidth=r.isRtl?s.outerWidth(r.scrollbarY):null,r.railBorderYWidth=s.toInt(u.css(r.scrollbarYRail,"borderTopWidth"))+s.toInt(u.css(r.scrollbarYRail,"borderBottomWidth")),u.css(r.scrollbarYRail,"display","block"),r.railYMarginHeight=s.toInt(u.css(r.scrollbarYRail,"marginTop"))+s.toInt(u.css(r.scrollbarYRail,"marginBottom")),u.css(r.scrollbarYRail,"display",""),r.railYHeight=null,r.railYRatio=null}function o(e){return e.getAttribute("data-ps-id")}function i(e,t){e.setAttribute("data-ps-id",t)}function a(e){e.removeAttribute("data-ps-id")}var s=n(1),l=n(5),c=n(16),u=n(4),d=n(14),p=n(15),f={};t.add=function(e){var t=p();return i(e,t),f[t]=new r(e),f[t]},t.remove=function(e){delete f[o(e)],a(e)},t.get=function(e){return f[o(e)]}},function(e,t,n){"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e},o=n(5),i=n(4),a=t.toInt=function(e){return parseInt(e,10)||0},s=t.clone=function(e){if(null===e)return null;if(e.constructor===Array)return e.map(s);if("object"===("undefined"==typeof e?"undefined":r(e))){var t={};for(var n in e)t[n]=s(e[n]);return t}return e};t.extend=function(e,t){var n=s(e);for(var r in t)n[r]=s(t[r]);return n},t.isEditable=function(e){return i.matches(e,"input,[contenteditable]")||i.matches(e,"select,[contenteditable]")||i.matches(e,"textarea,[contenteditable]")||i.matches(e,"button,[contenteditable]")},t.removePsClasses=function(e){for(var t=o.list(e),n=0;n<t.length;n++){var r=t[n];0===r.indexOf("ps-")&&o.remove(e,r)}},t.outerWidth=function(e){return a(i.css(e,"width"))+a(i.css(e,"paddingLeft"))+a(i.css(e,"paddingRight"))+a(i.css(e,"borderLeftWidth"))+a(i.css(e,"borderRightWidth"))},t.startScrolling=function(e,t){o.add(e,"ps-in-scrolling"),"undefined"!=typeof t?o.add(e,"ps-"+t):(o.add(e,"ps-x"),o.add(e,"ps-y"))},t.stopScrolling=function(e,t){o.remove(e,"ps-in-scrolling"),"undefined"!=typeof t?o.remove(e,"ps-"+t):(o.remove(e,"ps-x"),o.remove(e,"ps-y"))},t.env={isWebKit:"WebkitAppearance"in document.documentElement.style,supportsTouch:"ontouchstart"in window||window.DocumentTouch&&document instanceof window.DocumentTouch,supportsIePointer:null!==window.navigator.msMaxTouchPoints}},function(e,t,n){"use strict";function r(e,t){return e.settings.minScrollbarLength&&(t=Math.max(t,e.settings.minScrollbarLength)),e.settings.maxScrollbarLength&&(t=Math.min(t,e.settings.maxScrollbarLength)),t}function o(e,t){var n={width:t.railXWidth};t.isRtl?n.left=t.negativeScrollAdjustment+e.scrollLeft+t.containerWidth-t.contentWidth:n.left=e.scrollLeft,t.isScrollbarXUsingBottom?n.bottom=t.scrollbarXBottom-e.scrollTop:n.top=t.scrollbarXTop+e.scrollTop,s.css(t.scrollbarXRail,n);var r={top:e.scrollTop,height:t.railYHeight};t.isScrollbarYUsingRight?t.isRtl?r.right=t.contentWidth-(t.negativeScrollAdjustment+e.scrollLeft)-t.scrollbarYRight-t.scrollbarYOuterWidth:r.right=t.scrollbarYRight-e.scrollLeft:t.isRtl?r.left=t.negativeScrollAdjustment+e.scrollLeft+2*t.containerWidth-t.contentWidth-t.scrollbarYLeft-t.scrollbarYOuterWidth:r.left=t.scrollbarYLeft+e.scrollLeft,s.css(t.scrollbarYRail,r),s.css(t.scrollbarX,{left:t.scrollbarXLeft,width:t.scrollbarXWidth-t.railBorderXWidth}),s.css(t.scrollbarY,{top:t.scrollbarYTop,height:t.scrollbarYHeight-t.railBorderYWidth})}var i=n(1),a=n(5),s=n(4),l=n(0),c=n(3);e.exports=function(e){var t=l.get(e);t.containerWidth=e.clientWidth,t.containerHeight=e.clientHeight,t.contentWidth=e.scrollWidth,t.contentHeight=e.scrollHeight;var n;e.contains(t.scrollbarXRail)||(n=s.queryChildren(e,".ps-scrollbar-x-rail"),n.length>0&&n.forEach(function(e){s.remove(e)}),s.appendTo(t.scrollbarXRail,e)),e.contains(t.scrollbarYRail)||(n=s.queryChildren(e,".ps-scrollbar-y-rail"),n.length>0&&n.forEach(function(e){s.remove(e)}),s.appendTo(t.scrollbarYRail,e)),!t.settings.suppressScrollX&&t.containerWidth+t.settings.scrollXMarginOffset<t.contentWidth?(t.scrollbarXActive=!0,t.railXWidth=t.containerWidth-t.railXMarginWidth,t.railXRatio=t.containerWidth/t.railXWidth,t.scrollbarXWidth=r(t,i.toInt(t.railXWidth*t.containerWidth/t.contentWidth)),t.scrollbarXLeft=i.toInt((t.negativeScrollAdjustment+e.scrollLeft)*(t.railXWidth-t.scrollbarXWidth)/(t.contentWidth-t.containerWidth))):t.scrollbarXActive=!1,!t.settings.suppressScrollY&&t.containerHeight+t.settings.scrollYMarginOffset<t.contentHeight?(t.scrollbarYActive=!0,t.railYHeight=t.containerHeight-t.railYMarginHeight,t.railYRatio=t.containerHeight/t.railYHeight,t.scrollbarYHeight=r(t,i.toInt(t.railYHeight*t.containerHeight/t.contentHeight)),t.scrollbarYTop=i.toInt(e.scrollTop*(t.railYHeight-t.scrollbarYHeight)/(t.contentHeight-t.containerHeight))):t.scrollbarYActive=!1,t.scrollbarXLeft>=t.railXWidth-t.scrollbarXWidth&&(t.scrollbarXLeft=t.railXWidth-t.scrollbarXWidth),t.scrollbarYTop>=t.railYHeight-t.scrollbarYHeight&&(t.scrollbarYTop=t.railYHeight-t.scrollbarYHeight),o(e,t),t.scrollbarXActive?a.add(e,"ps-active-x"):(a.remove(e,"ps-active-x"),t.scrollbarXWidth=0,t.scrollbarXLeft=0,c(e,"left",0)),t.scrollbarYActive?a.add(e,"ps-active-y"):(a.remove(e,"ps-active-y"),t.scrollbarYHeight=0,t.scrollbarYTop=0,c(e,"top",0))}},function(e,t,n){"use strict";var r,o,i=n(0),a=function(e){var t=document.createEvent("Event");return t.initEvent(e,!0,!0),t};e.exports=function(e,t,n){if("undefined"==typeof e)throw"You must provide an element to the update-scroll function";if("undefined"==typeof t)throw"You must provide an axis to the update-scroll function";if("undefined"==typeof n)throw"You must provide a value to the update-scroll function";"top"===t&&n<=0&&(e.scrollTop=n=0,e.dispatchEvent(a("ps-y-reach-start"))),"left"===t&&n<=0&&(e.scrollLeft=n=0,e.dispatchEvent(a("ps-x-reach-start")));var s=i.get(e);"top"===t&&n>=s.contentHeight-s.containerHeight&&(n=s.contentHeight-s.containerHeight,n-e.scrollTop<=1?n=e.scrollTop:e.scrollTop=n,e.dispatchEvent(a("ps-y-reach-end"))),"left"===t&&n>=s.contentWidth-s.containerWidth&&(n=s.contentWidth-s.containerWidth,n-e.scrollLeft<=1?n=e.scrollLeft:e.scrollLeft=n,e.dispatchEvent(a("ps-x-reach-end"))),r||(r=e.scrollTop),o||(o=e.scrollLeft),"top"===t&&n<r&&e.dispatchEvent(a("ps-scroll-up")),"top"===t&&n>r&&e.dispatchEvent(a("ps-scroll-down")),"left"===t&&n<o&&e.dispatchEvent(a("ps-scroll-left")),"left"===t&&n>o&&e.dispatchEvent(a("ps-scroll-right")),"top"===t&&(e.scrollTop=r=n,e.dispatchEvent(a("ps-scroll-y"))),"left"===t&&(e.scrollLeft=o=n,e.dispatchEvent(a("ps-scroll-x")))}},function(e,t){"use strict";function n(e,t){return window.getComputedStyle(e)[t]}function r(e,t,n){return"number"==typeof n&&(n=n.toString()+"px"),e.style[t]=n,e}function o(e,t){for(var n in t){var r=t[n];"number"==typeof r&&(r=r.toString()+"px"),e.style[n]=r}return e}var i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e},a={};a.e=function(e,t){var n=document.createElement(e);return n.className=t,n},a.appendTo=function(e,t){return t.appendChild(e),e},a.css=function(e,t,a){return"object"===("undefined"==typeof t?"undefined":i(t))?o(e,t):"undefined"==typeof a?n(e,t):r(e,t,a)},a.matches=function(e,t){return"undefined"!=typeof e.matches?e.matches(t):"undefined"!=typeof e.matchesSelector?e.matchesSelector(t):"undefined"!=typeof e.webkitMatchesSelector?e.webkitMatchesSelector(t):"undefined"!=typeof e.mozMatchesSelector?e.mozMatchesSelector(t):"undefined"!=typeof e.msMatchesSelector?e.msMatchesSelector(t):void 0},a.remove=function(e){"undefined"!=typeof e.remove?e.remove():e.parentNode&&e.parentNode.removeChild(e)},a.queryChildren=function(e,t){return Array.prototype.filter.call(e.childNodes,function(e){return a.matches(e,t)})},e.exports=a},function(e,t){"use strict";function n(e,t){var n=e.className.split(" ");n.indexOf(t)<0&&n.push(t),e.className=n.join(" ")}function r(e,t){var n=e.className.split(" "),r=n.indexOf(t);r>=0&&n.splice(r,1),e.className=n.join(" ")}t.add=function(e,t){e.classList?e.classList.add(t):n(e,t)},t.remove=function(e,t){e.classList?e.classList.remove(t):r(e,t)},t.list=function(e){return e.classList?Array.prototype.slice.apply(e.classList):e.className.split(" ")}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push("@media "+n[2]+"{"+n[1]+"}"):e.push(n[1])}return e.join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<t.length;o++){var a=t[o];"number"==typeof a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},function(e,t){function n(e,t){for(var n=0;n<e.length;n++){var r=e[n],o=u[r.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](r.parts[i]);for(;i<r.parts.length;i++)o.parts.push(s(r.parts[i],t))}else{for(var a=[],i=0;i<r.parts.length;i++)a.push(s(r.parts[i],t));u[r.id]={id:r.id,refs:1,parts:a}}}}function r(e){for(var t=[],n={},r=0;r<e.length;r++){var o=e[r],i=o[0],a=o[1],s=o[2],l=o[3],c={css:a,media:s,sourceMap:l};n[i]?n[i].parts.push(c):t.push(n[i]={id:i,parts:[c]})}return t}function o(e,t){var n=f(),r=m[m.length-1];if("top"===e.insertAt)r?r.nextSibling?n.insertBefore(t,r.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),m.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(t)}}function i(e){e.parentNode.removeChild(e);var t=m.indexOf(e);t>=0&&m.splice(t,1)}function a(e){var t=document.createElement("style");return t.type="text/css",o(e,t),t}function s(e,t){var n,r,o;if(t.singleton){var s=v++;n=h||(h=a(t)),r=l.bind(null,n,s,!1),o=l.bind(null,n,s,!0)}else n=a(t),r=c.bind(null,n),o=function(){i(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}function l(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=g(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function c(e,t){var n=t.css,r=t.media,o=t.sourceMap;if(r&&e.setAttribute("media",r),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var u={},d=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},p=d(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),f=d(function(){return document.head||document.getElementsByTagName("head")[0]}),h=null,v=0,m=[];e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");t=t||{},"undefined"==typeof t.singleton&&(t.singleton=p()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var o=r(e);return n(o,t),function(e){for(var i=[],a=0;a<o.length;a++){var s=o[a],l=u[s.id];l.refs--,i.push(l)}if(e){var c=r(e);n(c,t)}for(var a=0;a<i.length;a++){var l=i[a];if(0===l.refs){for(var d=0;d<l.parts.length;d++)l.parts[d]();delete u[l.id]}}}};var g=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t,n){var r,o;n(32),r=n(10);var i=n(30);o=r=r||{},"object"==typeof r["default"]&&(o=r=r["default"]),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,e.exports=r},function(e,t,n){(function(t){/*!
2 |  * Vue.js v2.0.0-rc.4
3 |  * (c) 2014-2016 Evan You
4 |  * Released under the MIT License.
5 |  */
6 | !function(t,n){e.exports=n()}(this,function(){"use strict";function e(e){return null==e?"":"object"==typeof e?JSON.stringify(e,null,2):String(e)}function n(e){var t=parseFloat(e,10);return t||0===t?t:e}function r(e,t){for(var n=Object.create(null),r=e.split(","),o=0;o<r.length;o++)n[r[o]]=!0;return t?function(e){return n[e.toLowerCase()]}:function(e){return n[e]}}function o(e,t){if(e.length){var n=e.indexOf(t);if(n>-1)return e.splice(n,1)}}function i(e,t){return gr.call(e,t)}function a(e){return"string"==typeof e||"number"==typeof e}function s(e){var t=Object.create(null);return function(n){var r=t[n];return r||(t[n]=e(n))}}function l(e,t){function n(n){var r=arguments.length;return r?r>1?e.apply(t,arguments):e.call(t,n):e.call(t)}return n._length=e.length,n}function c(e,t){t=t||0;for(var n=e.length-t,r=new Array(n);n--;)r[n]=e[n+t];return r}function u(e,t){for(var n in t)e[n]=t[n];return e}function d(e){return null!==e&&"object"==typeof e}function p(e){return kr.call(e)===Cr}function f(e){for(var t=e[0]||{},n=1;n<e.length;n++)e[n]&&u(t,e[n]);return t}function h(){}function v(e){return e.reduce(function(e,t){return e.concat(t.staticKeys||[])},[]).join(",")}function m(e){var t=(e+"").charCodeAt(0);return 36===t||95===t}function g(e,t,n,r){Object.defineProperty(e,t,{value:n,enumerable:!!r,writable:!0,configurable:!0})}function b(e){if(!Sr.test(e)){var t=e.split(".");return function(e){for(var n=0;n<t.length;n++){if(!e)return;e=e[t[n]]}return e}}}function y(e){Wr.target&&Br.push(Wr.target),Wr.target=e}function w(){Wr.target=Br.pop()}function _(){Ur.length=0,Fr={},zr={},Vr=qr=!1}function x(){for(qr=!0,Ur.sort(function(e,t){return e.id-t.id}),Jr=0;Jr<Ur.length;Jr++){var e=Ur[Jr],t=e.id;if(Fr[t]=null,e.run(),null!=Fr[t]&&(zr[t]=(zr[t]||0)+1,zr[t]>$r._maxUpdateCount)){po("You may have an infinite update loop "+(e.user?'in watcher with expression "'+e.expression+'"':"in a component render function."),e.vm);break}}Lr&&$r.devtools&&Lr.emit("flush"),_()}function k(e){var t=e.id;if(null==Fr[t]){if(Fr[t]=!0,qr){for(var n=Ur.length-1;n>=0&&Ur[n].id>e.id;)n--;Ur.splice(Math.max(n,Jr)+1,0,e)}else Ur.push(e);Vr||(Vr=!0,jr(x))}}function C(e,t){var n,r;t||(t=Gr,t.clear());var o=Array.isArray(e),i=d(e);if((o||i)&&Object.isExtensible(e)){if(e.__ob__){var a=e.__ob__.dep.id;if(t.has(a))return;t.add(a)}if(o)for(n=e.length;n--;)C(e[n],t);else if(i)for(r=Object.keys(e),n=r.length;n--;)C(e[r[n]],t)}}function A(e,t){e.__proto__=t}function $(e,t,n){for(var r=0,o=n.length;r<o;r++){var i=n[r];g(e,i,t[i])}}function S(e){if(d(e)){var t;return i(e,"__ob__")&&e.__ob__ instanceof ro?t=e.__ob__:no.shouldConvert&&!$r._isServer&&(Array.isArray(e)||p(e))&&Object.isExtensible(e)&&!e._isVue&&(t=new ro(e)),t}}function T(e,t,n,r){var o=new Wr,i=Object.getOwnPropertyDescriptor(e,t);if(!i||i.configurable!==!1){var a=i&&i.get,s=i&&i.set,l=S(n);Object.defineProperty(e,t,{enumerable:!0,configurable:!0,get:function(){var t=a?a.call(e):n;if(Wr.target&&(o.depend(),l&&l.dep.depend(),Array.isArray(t)))for(var r,i=0,s=t.length;i<s;i++)r=t[i],r&&r.__ob__&&r.__ob__.dep.depend();return t},set:function(t){var i=a?a.call(e):n;t!==i&&(r&&r(),s?s.call(e,t):n=t,l=S(t),o.notify())}})}}function O(e,t,n){if(Array.isArray(e))return e.splice(t,1,n),n;if(i(e,t))return void(e[t]=n);var r=e.__ob__;return e._isVue||r&&r.vmCount?void po("Avoid adding reactive properties to a Vue instance or its root $data at runtime - declare it upfront in the data option."):r?(T(r.value,t,n),r.dep.notify(),n):void(e[t]=n)}function L(e,t){var n=e.__ob__;return e._isVue||n&&n.vmCount?void po("Avoid deleting properties on a Vue instance or its root $data - just set it to null."):void(i(e,t)&&(delete e[t],n&&n.dep.notify()))}function R(e){e._watchers=[],E(e),M(e),Y(e),j(e),D(e)}function E(e){var t=e.$options.props,n=e.$options.propsData;if(t){var r=e.$options._propKeys=Object.keys(t),o=!e.$parent;no.shouldConvert=o;for(var i=function(o){var i=r[o];T(e,i,Oe(i,t,n,e),function(){e.$parent&&!no.isSettingProps&&po("Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: \""+i+'"',e)})},a=0;a<r.length;a++)i(a);no.shouldConvert=!0}}function M(e){var t=e.$options.data;t=e._data="function"==typeof t?t.call(e):t||{},p(t)||(t={},po("data functions should return an object.",e));for(var n=Object.keys(t),r=e.$options.props,o=n.length;o--;)r&&i(r,n[o])?po('The data property "'+n[o]+'" is already declared as a prop. Use prop default value instead.',e):H(e,n[o]);S(t),t.__ob__&&t.__ob__.vmCount++}function Y(e){var t=e.$options.computed;if(t)for(var n in t){var r=t[n];"function"==typeof r?(oo.get=X(r,e),oo.set=h):(oo.get=r.get?r.cache!==!1?X(r.get,e):l(r.get,e):h,oo.set=r.set?l(r.set,e):h),Object.defineProperty(e,n,oo)}}function X(e,t){var n=new Zr(t,e,h,{lazy:!0});return function(){return n.dirty&&n.evaluate(),Wr.target&&n.depend(),n.value}}function j(e){var t=e.$options.methods;if(t)for(var n in t)e[n]=l(t[n],e)}function D(e){var t=e.$options.watch;if(t)for(var n in t){var r=t[n];if(Array.isArray(r))for(var o=0;o<r.length;o++)P(e,n,r[o]);else P(e,n,r)}}function P(e,t,n){var r;p(n)&&(r=n,n=n.handler),"string"==typeof n&&(n=e[n]),e.$watch(t,n,r)}function I(e){var t={};t.get=function(){return this._data},t.set=function(e){po("Avoid replacing instance root $data. Use nested data properties instead.",this)},Object.defineProperty(e.prototype,"$data",t),e.prototype.$set=O,e.prototype.$delete=L,e.prototype.$watch=function(e,t,n){var r=this;n=n||{},n.user=!0;var o=new Zr(r,e,t,n);return n.immediate&&t.call(r,o.value),function(){o.teardown()}}}function H(e,t){m(t)||Object.defineProperty(e,t,{configurable:!0,enumerable:!0,get:function(){return e._data[t]},set:function(n){e._data[t]=n}})}function N(e){var t=new io(e.tag,e.data,e.children,e.text,e.elm,e.ns,e.context,e.componentOptions);return t.isStatic=e.isStatic,t.key=e.key,t.isCloned=!0,t}function W(e){for(var t=new Array(e.length),n=0;n<e.length;n++)t[n]=N(e[n]);return t}function B(e,t){if(a(e))return[U(e)];if(Array.isArray(e)){for(var n=[],r=0,o=e.length;r<o;r++){var i=e[r],s=n[n.length-1];Array.isArray(i)?n.push.apply(n,B(i,t)):a(i)?s&&s.text?s.text+=String(i):""!==i&&n.push(U(i)):i instanceof io&&(i.text&&s&&s.text?s.text+=i.text:(t&&F(i,t),n.push(i)))}return n}}function U(e){return new io((void 0),(void 0),(void 0),String(e))}function F(e,t){if(e.tag&&!e.ns&&(e.ns=t,e.children))for(var n=0,r=e.children.length;n<r;n++)F(e.children[n],t)}function z(e){return e&&e.filter(function(e){return e&&e.componentOptions})[0]}function V(e,t,n){var r=e[t];if(r){var o=e.__injected||(e.__injected={});o[t]||(o[t]=!0,e[t]=function(){r.apply(this,arguments),n.apply(this,arguments)})}else e[t]=n}function q(e,t,n,r){var o,i,a,s,l,c;for(o in e)if(i=e[o],a=t[o],i)if(a)if(Array.isArray(a)){a.length=i.length;for(var u=0;u<a.length;u++)a[u]=i[u];e[o]=a}else a.fn=i,e[o]=a;else c="!"===o.charAt(0),l=c?o.slice(1):o,Array.isArray(i)?n(l,i.invoker=J(i),c):(i.invoker||(s=i,i=e[o]={},i.fn=s,i.invoker=K(i)),n(l,i.invoker,c));else po('Handler for event "'+o+'" is undefined.');for(o in t)e[o]||(l="!"===o.charAt(0)?o.slice(1):o,r(l,t[o].invoker))}function J(e){return function(t){for(var n=arguments,r=1===arguments.length,o=0;o<e.length;o++)r?e[o](t):e[o].apply(null,n)}}function K(e){return function(t){var n=1===arguments.length;n?e.fn(t):e.fn.apply(null,arguments)}}function Z(e){var t=e.$options,n=t.parent;if(n&&!t["abstract"]){for(;n.$options["abstract"]&&n.$parent;)n=n.$parent;n.$children.push(e)}e.$parent=n,e.$root=n?n.$root:e,e.$children=[],e.$refs={},e._watcher=null,e._inactive=!1,e._isMounted=!1,e._isDestroyed=!1,e._isBeingDestroyed=!1}function G(e){e.prototype._mount=function(e,t){var n=this;return n.$el=e,n.$options.render||(n.$options.render=ao,n.$options.template?po("You are using the runtime-only build of Vue where the template option is not available. Either pre-compile the templates into render functions, or use the compiler-included build.",n):po("Failed to mount component: template or render function not defined.",n)),Q(n,"beforeMount"),n._watcher=new Zr(n,function(){n._update(n._render(),t)},h),t=!1,n.$root===n&&(n._isMounted=!0,Q(n,"mounted")),n},e.prototype._update=function(e,t){var n=this;n._isMounted&&Q(n,"beforeUpdate");var r=n.$el,o=so;so=n;var i=n._vnode;n._vnode=e,i?n.$el=n.__patch__(i,e):n.$el=n.__patch__(n.$el,e,t),so=o,r&&(r.__vue__=null),n.$el&&(n.$el.__vue__=n),n.$vnode&&n.$parent&&n.$vnode===n.$parent._vnode&&(n.$parent.$el=n.$el),n._isMounted&&Q(n,"updated")},e.prototype._updateFromParent=function(e,t,n,r){var o=this,i=!(!o.$options._renderChildren&&!r);if(o.$options._parentVnode=n,o.$options._renderChildren=r,e&&o.$options.props){no.shouldConvert=!1,no.isSettingProps=!0;for(var a=o.$options._propKeys||[],s=0;s<a.length;s++){var l=a[s];o[l]=Oe(l,o.$options.props,e,o)}no.shouldConvert=!0,no.isSettingProps=!1}if(t){var c=o.$options._parentListeners;o.$options._parentListeners=t,o._updateListeners(t,c)}i&&(o.$slots=me(r),o.$forceUpdate())},e.prototype.$forceUpdate=function(){var e=this;e._watcher&&e._watcher.update()},e.prototype.$destroy=function(){var e=this;if(!e._isBeingDestroyed){Q(e,"beforeDestroy"),e._isBeingDestroyed=!0;var t=e.$parent;!t||t._isBeingDestroyed||e.$options["abstract"]||o(t.$children,e),e._watcher&&e._watcher.teardown();for(var n=e._watchers.length;n--;)e._watchers[n].teardown();e._data.__ob__&&e._data.__ob__.vmCount--,e._isDestroyed=!0,Q(e,"destroyed"),e.$off(),e.$el&&(e.$el.__vue__=null)}}}function Q(e,t){var n=e.$options[t];if(n)for(var r=0,o=n.length;r<o;r++)n[r].call(e);e.$emit("hook:"+t)}function ee(e,t,n,r,o){if(e){if(d(e)&&(e=we.extend(e)),"function"!=typeof e)return void po("Invalid Component definition: "+String(e),n);if(!e.cid)if(e.resolved)e=e.resolved;else if(e=se(e,function(){n.$forceUpdate()}),!e)return;t=t||{};var i=le(t,e);if(e.options.functional)return te(e,i,t,n,r);var a=t.on;t.on=t.nativeOn,e.options["abstract"]&&(t={}),ue(t);var s=e.options.name||o,l=new io("vue-component-"+e.cid+(s?"-"+s:""),t,(void 0),(void 0),(void 0),(void 0),n,{Ctor:e,propsData:i,listeners:a,tag:o,children:r});return l}}function te(e,t,n,r,o){var i={},a=e.options.props;if(a)for(var s in a)i[s]=Oe(s,a,t);return e.options.render.call(null,r.$createElement,{props:i,data:n,parent:r,children:B(o),slots:function(){return me(o)}})}function ne(e,t){var n=e.componentOptions,r={_isComponent:!0,parent:t,propsData:n.propsData,_componentTag:n.tag,_parentVnode:e,_parentListeners:n.listeners,_renderChildren:n.children},o=e.data.inlineTemplate;return o&&(r.render=o.render,r.staticRenderFns=o.staticRenderFns),new n.Ctor(r)}function re(e,t){if(!e.child||e.child._isDestroyed){var n=e.child=ne(e,so);n.$mount(t?e.elm:void 0,t)}}function oe(e,t){var n=t.componentOptions,r=t.child=e.child;r._updateFromParent(n.propsData,n.listeners,t,n.children)}function ie(e){e.child._isMounted||(e.child._isMounted=!0,Q(e.child,"mounted")),e.data.keepAlive&&(e.child._inactive=!1,Q(e.child,"activated"))}function ae(e){e.child._isDestroyed||(e.data.keepAlive?(e.child._inactive=!0,Q(e.child,"deactivated")):e.child.$destroy())}function se(e,t){if(!e.requested){e.requested=!0;var n=e.pendingCallbacks=[t],r=!0,o=function(t){if(d(t)&&(t=we.extend(t)),e.resolved=t,!r)for(var o=0,i=n.length;o<i;o++)n[o](t)},i=function(t){po("Failed to resolve async component: "+String(e)+(t?"\nReason: "+t:""))},a=e(o,i);return a&&"function"==typeof a.then&&!e.resolved&&a.then(o,i),r=!1,e.resolved}e.pendingCallbacks.push(t)}function le(e,t){var n=t.options.props;if(n){var r={},o=e.attrs,i=e.props,a=e.domProps;if(o||i||a)for(var s in n){var l=xr(s);ce(r,i,s,l,!0)||ce(r,o,s,l)||ce(r,a,s,l)}return r}}function ce(e,t,n,r,o){if(t){if(i(t,n))return e[n]=t[n],o||delete t[n],!0;if(i(t,r))return e[n]=t[r],o||delete t[r],!0}return!1}function ue(e){e.hook||(e.hook={});for(var t=0;t<co.length;t++){var n=co[t],r=e.hook[n],o=lo[n];e.hook[n]=r?de(o,r):o}}function de(e,t){return function(n,r){e(n,r),t(n,r)}}function pe(e,t,n){return t&&(Array.isArray(t)||"object"!=typeof t)&&(n=t,t=void 0),fe(this._self,e,t,n)}function fe(e,t,n,r){if(n&&n.__ob__)return void po("Avoid using observed data object as vnode data: "+JSON.stringify(n)+"\nAlways create fresh vnode data objects in each render!",e);if(!t)return ao();if("string"==typeof t){var o,i=$r.getTagNamespace(t);return $r.isReservedTag(t)?new io(t,n,B(r,i),(void 0),(void 0),i,e):(o=Te(e.$options,"components",t))?ee(o,n,e,r,t):new io(t,n,B(r,i),(void 0),(void 0),i,e)}return ee(t,n,e,r)}function he(e){e.$vnode=null,e._vnode=null,e._staticTrees=null,e.$slots=me(e.$options._renderChildren),e.$createElement=l(pe,e),e.$options.el&&e.$mount(e.$options.el)}function ve(t){t.prototype.$nextTick=function(e){jr(e,this)},t.prototype._render=function(){var e=this,t=e.$options,n=t.render,r=t.staticRenderFns,o=t._parentVnode;if(e._isMounted)for(var i in e.$slots)e.$slots[i]=W(e.$slots[i]);r&&!e._staticTrees&&(e._staticTrees=[]),e.$vnode=o;var a;try{a=n.call(e._renderProxy,e.$createElement)}catch(s){if(po("Error when rendering "+fo(e)+":"),$r.errorHandler)$r.errorHandler.call(null,s,e);else{if($r._isServer)throw s;setTimeout(function(){throw s},0)}a=e._vnode}return a instanceof io||(Array.isArray(a)&&po("Multiple root nodes returned from render function. Render function should return a single root node.",e),a=ao()),a.parent=o,a},t.prototype._h=pe,t.prototype._s=e,t.prototype._n=n,t.prototype._e=ao,t.prototype._m=function(e,t){var n=this._staticTrees[e];if(n&&!t)return Array.isArray(n)?W(n):N(n);if(n=this._staticTrees[e]=this.$options.staticRenderFns[e].call(this._renderProxy),Array.isArray(n))for(var r=0;r<n.length;r++)n[r].isStatic=!0,n[r].key="__static__"+e+"_"+r;else n.isStatic=!0,n.key="__static__"+e;return n};var r=function(e){return e};t.prototype._f=function(e){return Te(this.$options,"filters",e,!0)||r},t.prototype._l=function(e,t){var n,r,o,i,a;if(Array.isArray(e))for(n=new Array(e.length),r=0,o=e.length;r<o;r++)n[r]=t(e[r],r);else if("number"==typeof e)for(n=new Array(e),r=0;r<e;r++)n[r]=t(r+1,r);else if(d(e))for(i=Object.keys(e),n=new Array(i.length),r=0,o=i.length;r<o;r++)a=i[r],n[r]=t(e[a],a,r);return n},t.prototype._b=function(e,t,n){if(t)if(d(t)){Array.isArray(t)&&(t=f(t));var r=e.data;for(var o in t)if("class"===o||"style"===o)r[o]=t[o];else{var i=n||$r.mustUseProp(o)?r.domProps||(r.domProps={}):r.attrs||(r.attrs={});i[o]=t[o]}}else po("v-bind without argument expects an Object or Array value",this)},t.prototype._k=function(e){return $r.keyCodes[e]}}function me(e){var t={};if(!e)return t;for(var n,r,o=B(e)||[],i=[],a=0,s=o.length;a<s;a++)if(r=o[a],r.data&&(n=r.data.slot)){delete r.data.slot;var l=t[n]||(t[n]=[]);"template"===r.tag?l.push.apply(l,r.children):l.push(r)}else i.push(r);return i.length&&(1!==i.length||" "!==i[0].text&&!i[0].isComment)&&(t["default"]=i),t}function ge(e){e._events=Object.create(null);var t=e.$options._parentListeners,n=l(e.$on,e),r=l(e.$off,e);e._updateListeners=function(e,t){q(e,t||{},n,r)},t&&e._updateListeners(t)}function be(e){e.prototype.$on=function(e,t){var n=this;return(n._events[e]||(n._events[e]=[])).push(t),n},e.prototype.$once=function(e,t){function n(){r.$off(e,n),t.apply(r,arguments)}var r=this;return n.fn=t,r.$on(e,n),r},e.prototype.$off=function(e,t){var n=this;if(!arguments.length)return n._events=Object.create(null),n;var r=n._events[e];if(!r)return n;if(1===arguments.length)return n._events[e]=null,n;for(var o,i=r.length;i--;)if(o=r[i],o===t||o.fn===t){r.splice(i,1);break}return n},e.prototype.$emit=function(e){var t=this,n=t._events[e];if(n){n=n.length>1?c(n):n;for(var r=c(arguments,1),o=0,i=n.length;o<i;o++)n[o].apply(t,r)}return t}}function ye(e){function t(e,t){var r=e.$options=Object.create(n(e));r.parent=t.parent,r.propsData=t.propsData,r._parentVnode=t._parentVnode,r._parentListeners=t._parentListeners,r._renderChildren=t._renderChildren,r._componentTag=t._componentTag,t.render&&(r.render=t.render,r.staticRenderFns=t.staticRenderFns)}function n(e){var t=e.constructor,n=t.options;if(t["super"]){var r=t["super"].options,o=t.superOptions;r!==o&&(t.superOptions=r,n=t.options=Se(r,t.extendOptions),n.name&&(n.components[n.name]=t))}return n}e.prototype._init=function(e){var r=this;r._uid=uo++,r._isVue=!0,e&&e._isComponent?t(r,e):r.$options=Se(n(r),e||{},r),Ir(r),r._self=r,Z(r),ge(r),Q(r,"beforeCreate"),R(r),Q(r,"created"),he(r)}}function we(e){this._init(e)}function _e(e,t){var n,r,o;for(n in t)r=e[n],o=t[n],i(e,n)?d(r)&&d(o)&&_e(r,o):O(e,n,o);return e}function xe(e,t){return t?e?e.concat(t):Array.isArray(t)?t:[t]:e}function ke(e,t){var n=Object.create(e||null);return t?u(n,t):n}function Ce(e){if(e.components){var t,n=e.components;for(var r in n){var o=r.toLowerCase();mr(o)||$r.isReservedTag(o)?po("Do not use built-in or reserved HTML elements as component id: "+r):(t=n[r],p(t)&&(n[r]=we.extend(t)))}}}function Ae(e){var t=e.props;if(t){var n,r,o,i={};if(Array.isArray(t))for(n=t.length;n--;)r=t[n],"string"==typeof r?(o=yr(r),i[o]={type:null}):po("props must be strings when using array syntax.");else if(p(t))for(var a in t)r=t[a],o=yr(a),i[o]=p(r)?r:{type:r};e.props=i}}function $e(e){var t=e.directives;if(t)for(var n in t){var r=t[n];"function"==typeof r&&(t[n]={bind:r,update:r})}}function Se(e,t,n){function r(r){var o=mo[r]||go;u[r]=o(e[r],t[r],n,r)}Ce(t),Ae(t),$e(t);var o=t["extends"];if(o&&(e="function"==typeof o?Se(e,o.options,n):Se(e,o,n)),t.mixins)for(var a=0,s=t.mixins.length;a<s;a++){var l=t.mixins[a];l.prototype instanceof we&&(l=l.options),e=Se(e,l,n)}var c,u={};for(c in e)r(c);for(c in t)i(e,c)||r(c);return u}function Te(e,t,n,r){if("string"==typeof n){var o=e[t],i=o[n]||o[yr(n)]||o[wr(yr(n))];return r&&!i&&po("Failed to resolve "+t.slice(0,-1)+": "+n,e),i}}function Oe(e,t,n,r){if(n){var o=t[e],a=!i(n,e),s=n[e];if("Boolean"===Me(o.type)&&(a&&!i(o,"default")?s=!1:""!==s&&s!==xr(e)||(s=!0)),void 0===s){s=Le(r,o,e);var l=no.shouldConvert;no.shouldConvert=!0,S(s),no.shouldConvert=l}return Re(o,e,s,r,a),s}}function Le(e,t,n){if(i(t,"default")){var r=t["default"];return d(r)&&po('Invalid default value for prop "'+n+'": Props with type Object/Array must use a factory function to return the default value.',e),"function"==typeof r&&t.type!==Function?r.call(e):r}}function Re(e,t,n,r,o){if(e.required&&o)return void po('Missing required prop: "'+t+'"',r);if(null!=n||e.required){var i=e.type,a=!i,s=[];if(i){Array.isArray(i)||(i=[i]);for(var l=0;l<i.length&&!a;l++){var c=Ee(n,i[l]);s.push(c.expectedType),a=c.valid}}if(!a)return void po('Invalid prop: type check failed for prop "'+t+'". Expected '+s.map(wr).join(", ")+", got "+Object.prototype.toString.call(n).slice(8,-1)+".",r);var u=e.validator;u&&(u(n)||po('Invalid prop: custom validator check failed for prop "'+t+'".',r))}}function Ee(e,t){var n,r=Me(t);return n="String"===r?typeof e==(r="string"):"Number"===r?typeof e==(r="number"):"Boolean"===r?typeof e==(r="boolean"):"Function"===r?typeof e==(r="function"):"Object"===r?p(e):"Array"===r?Array.isArray(e):e instanceof t,{valid:n,expectedType:r}}function Me(e){var t=e&&e.toString().match(/^\s*function (\w+)/);return t&&t[1]}function Ye(e){e.use=function(e){if(!e.installed){var t=c(arguments,1);return t.unshift(this),"function"==typeof e.install?e.install.apply(e,t):e.apply(null,t),e.installed=!0,this}}}function Xe(e){e.mixin=function(t){e.options=Se(e.options,t)}}function je(e){e.cid=0;var t=1;e.extend=function(e){e=e||{};var n=this,r=0===n.cid;if(r&&e._Ctor)return e._Ctor;var o=e.name||n.options.name;/^[a-zA-Z][\w-]*$/.test(o)||(po('Invalid component name: "'+o+'". Component names can only contain alphanumeric characaters and the hyphen.'),o=null);var i=function(e){this._init(e)};return i.prototype=Object.create(n.prototype),i.prototype.constructor=i,i.cid=t++,i.options=Se(n.options,e),i["super"]=n,i.extend=n.extend,$r._assetTypes.forEach(function(e){i[e]=n[e]}),o&&(i.options.components[o]=i),i.superOptions=n.options,i.extendOptions=e,r&&(e._Ctor=i),i}}function De(e){$r._assetTypes.forEach(function(t){e[t]=function(n,r){return r?("component"===t&&$r.isReservedTag(n)&&po("Do not use built-in or reserved HTML elements as component id: "+n),"component"===t&&p(r)&&(r.name=r.name||n,r=e.extend(r)),"directive"===t&&"function"==typeof r&&(r={bind:r,update:r}),this.options[t+"s"][n]=r,r):this.options[t+"s"][n]}})}function Pe(e){var t={};t.get=function(){return $r},t.set=function(){po("Do not replace the Vue.config object, set individual fields instead.")},Object.defineProperty(e,"config",t),e.util=bo,e.set=O,e["delete"]=L,e.nextTick=jr,e.options=Object.create(null),$r._assetTypes.forEach(function(t){e.options[t+"s"]=Object.create(null)}),u(e.options.components,wo),Ye(e),Xe(e),je(e),De(e)}function Ie(e){for(var t=e.data,n=e,r=e;r.child;)r=r.child._vnode,r.data&&(t=He(r.data,t));for(;n=n.parent;)n.data&&(t=He(t,n.data));return Ne(t)}function He(e,t){return{staticClass:We(e.staticClass,t.staticClass),"class":e["class"]?[e["class"],t["class"]]:t["class"]}}function Ne(e){var t=e["class"],n=e.staticClass;return n||t?We(n,Be(t)):""}function We(e,t){return e?t?e+" "+t:e:t||""}function Be(e){var t="";if(!e)return t;if("string"==typeof e)return e;if(Array.isArray(e)){for(var n,r=0,o=e.length;r<o;r++)e[r]&&(n=Be(e[r]))&&(t+=n+" ");return t.slice(0,-1)}if(d(e)){for(var i in e)e[i]&&(t+=i+" ");return t.slice(0,-1)}return t}function Ue(e){return Yo(e)?"svg":"math"===e?"math":void 0}function Fe(e){if(!Or)return!0;if(jo(e))return!1;if(e=e.toLowerCase(),null!=Do[e])return Do[e];var t=document.createElement(e);return e.indexOf("-")>-1?Do[e]=t.constructor===window.HTMLUnknownElement||t.constructor===window.HTMLElement:Do[e]=/HTMLUnknownElement/.test(t.toString())}function ze(e){if("string"==typeof e){var t=e;if(e=document.querySelector(e),!e)return po("Cannot find element: "+t),document.createElement("div")}return e}function Ve(e){return document.createElement(e)}function qe(e,t){return document.createElementNS(Oo[e],t)}function Je(e){return document.createTextNode(e)}function Ke(e){return document.createComment(e)}function Ze(e,t,n){e.insertBefore(t,n)}function Ge(e,t){e.removeChild(t)}function Qe(e,t){e.appendChild(t)}function et(e){return e.parentNode}function tt(e){return e.nextSibling}function nt(e){return e.tagName}function rt(e,t){e.textContent=t}function ot(e){return e.childNodes}function it(e,t,n){e.setAttribute(t,n)}function at(e,t){var n=e.data.ref;if(n){var r=e.context,i=e.child||e.elm,a=r.$refs;t?Array.isArray(a[n])?o(a[n],i):a[n]===i&&(a[n]=void 0):e.data.refInFor?Array.isArray(a[n])?a[n].push(i):a[n]=[i]:a[n]=i}}function st(e){return null==e}function lt(e){return null!=e}function ct(e,t){return e.key===t.key&&e.tag===t.tag&&e.isComment===t.isComment&&!e.data==!t.data}function ut(e,t,n){var r,o,i={};for(r=t;r<=n;++r)o=e[r].key,lt(o)&&(i[o]=r);return i}function dt(t){function n(e){return new io(C.tagName(e).toLowerCase(),{},[],(void 0),e)}function r(e,t){function n(){0===--n.listeners&&o(e)}return n.listeners=t,n}function o(e){var t=C.parentNode(e);C.removeChild(t,e)}function i(e,t,n){var r,o,s=e.data;if(e.isRootInsert=!n,lt(s)&&(lt(r=s.hook)&&lt(r=r.init)&&r(e),lt(r=e.child)))return c(e,t),e.elm;var d=e.children,p=e.tag;if(lt(p)){if(e.ns||$r.ignoredElements&&$r.ignoredElements.indexOf(p)>-1||!$r.isUnknownElement(p)||po("Unknown custom element: <"+p+'> - did you register the component correctly? For recursive components, make sure to provide the "name" option.',e.context),o=e.elm=e.ns?C.createElementNS(e.ns,p):C.createElement(p),u(e),Array.isArray(d))for(r=0;r<d.length;++r)C.appendChild(o,i(d[r],t,!0));else a(e.text)&&C.appendChild(o,C.createTextNode(e.text));lt(s)&&l(e,t)}else o=e.isComment?e.elm=C.createComment(e.text):e.elm=C.createTextNode(e.text);return e.elm}function s(e){for(;e.child;)e=e.child._vnode;return lt(e.tag)}function l(e,t){for(var n=0;n<x.create.length;++n)x.create[n](zo,e);w=e.data.hook,lt(w)&&(w.create&&w.create(zo,e),w.insert&&t.push(e))}function c(e,t){e.data.pendingInsert&&t.push.apply(t,e.data.pendingInsert),e.elm=e.child.$el,s(e)?(l(e,t),u(e)):(at(e),t.push(e))}function u(e){var t;lt(t=e.context)&&lt(t=t.$options._scopeId)&&C.setAttribute(e.elm,t,""),lt(t=so)&&t!==e.context&&lt(t=t.$options._scopeId)&&C.setAttribute(e.elm,t,"")}function d(e,t,n,r,o,a){for(;r<=o;++r)C.insertBefore(e,i(n[r],a),t)}function p(e){var t,n,r=e.data;if(lt(r))for(lt(t=r.hook)&&lt(t=t.destroy)&&t(e),t=0;t<x.destroy.length;++t)x.destroy[t](e);if(lt(t=e.child)&&!r.keepAlive&&p(t._vnode),lt(t=e.children))for(n=0;n<e.children.length;++n)p(e.children[n])}function f(e,t,n,r){for(;n<=r;++n){var o=t[n];lt(o)&&(lt(o.tag)?(h(o),p(o)):C.removeChild(e,o.elm))}}function h(e,t){if(t||lt(e.data)){var n=x.remove.length+1;for(t?t.listeners+=n:t=r(e.elm,n),lt(w=e.child)&&lt(w=w._vnode)&&lt(w.data)&&h(w,t),w=0;w<x.remove.length;++w)x.remove[w](e,t);lt(w=e.data.hook)&&lt(w=w.remove)?w(e,t):t()}else o(e.elm)}function v(e,t,n,r,o){for(var a,s,l,c,u=0,p=0,h=t.length-1,v=t[0],g=t[h],b=n.length-1,y=n[0],w=n[b],_=!o;u<=h&&p<=b;)st(v)?v=t[++u]:st(g)?g=t[--h]:ct(v,y)?(m(v,y,r),v=t[++u],y=n[++p]):ct(g,w)?(m(g,w,r),g=t[--h],w=n[--b]):ct(v,w)?(m(v,w,r),_&&C.insertBefore(e,v.elm,C.nextSibling(g.elm)),v=t[++u],w=n[--b]):ct(g,y)?(m(g,y,r),_&&C.insertBefore(e,g.elm,v.elm),g=t[--h],y=n[++p]):(st(a)&&(a=ut(t,u,h)),s=lt(y.key)?a[y.key]:null,st(s)?(C.insertBefore(e,i(y,r),v.elm),y=n[++p]):(l=t[s],l||po("It seems there are duplicate keys that is causing an update error. Make sure each v-for item has a unique key."),l.tag!==y.tag?(C.insertBefore(e,i(y,r),v.elm),y=n[++p]):(m(l,y,r),t[s]=void 0,_&&C.insertBefore(e,y.elm,v.elm),y=n[++p])));u>h?(c=st(n[b+1])?null:n[b+1].elm,d(e,c,n,p,b,r)):p>b&&f(e,t,u,h)}function m(e,t,n,r){if(e!==t){if(t.isStatic&&e.isStatic&&t.key===e.key&&t.isCloned)return void(t.elm=e.elm);var o,i,a=lt(o=t.data);a&&lt(i=o.hook)&&lt(o=i.prepatch)&&o(e,t);var l=t.elm=e.elm,c=e.children,u=t.children;if(a&&s(t)){for(o=0;o<x.update.length;++o)x.update[o](e,t);lt(i)&&lt(o=i.update)&&o(e,t)}if(st(t.text)?lt(c)&&lt(u)?c!==u&&v(l,c,u,n,r):lt(u)?(lt(e.text)&&C.setTextContent(l,""),d(l,null,u,0,u.length-1,n)):lt(c)?f(l,c,0,c.length-1):lt(e.text)&&C.setTextContent(l,""):e.text!==t.text&&C.setTextContent(l,t.text),a){for(o=0;o<x.postpatch.length;++o)x.postpatch[o](e,t);lt(i)&&lt(o=i.postpatch)&&o(e,t)}}}function g(e,t,n){if(n&&e.parent)e.parent.data.pendingInsert=t;else for(var r=0;r<t.length;++r)t[r].data.hook.insert(t[r])}function b(e,t,n){if(!y(e,t))return!1;t.elm=e;var r=t.tag,o=t.data,i=t.children;if(lt(o)&&(lt(w=o.hook)&&lt(w=w.init)&&w(t,!0),lt(w=t.child)))return c(t,n),!0;if(lt(r)){if(lt(i)){var a=C.childNodes(e),s=!0;if(a.length!==i.length)s=!1;else for(var u=0;u<i.length;u++)if(!b(a[u],i[u],n)){s=!1;break}if(!s)return"undefined"==typeof console||A||(A=!0,console.warn("Parent: ",e),console.warn("Mismatching childNodes vs. VNodes: ",a,i)),!1}lt(o)&&l(t,n)}return!0}function y(t,n){return n.tag?0===n.tag.indexOf("vue-component")||n.tag===C.tagName(t).toLowerCase():e(n.text)===t.data}var w,_,x={},k=t.modules,C=t.nodeOps;for(w=0;w<Vo.length;++w)for(x[Vo[w]]=[],_=0;_<k.length;++_)void 0!==k[_][Vo[w]]&&x[Vo[w]].push(k[_][Vo[w]]);var A=!1;return function(e,t,r,o){var a,l,c=!1,u=[];if(e){var d=lt(e.nodeType);if(!d&&ct(e,t))m(e,t,u,o);else{if(d){if(1===e.nodeType&&e.hasAttribute("server-rendered")&&(e.removeAttribute("server-rendered"),r=!0),r){if(b(e,t,u))return g(t,u,!0),e;po("The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render.")}e=n(e)}if(a=e.elm,l=C.parentNode(a),i(t,u),t.parent&&(t.parent.elm=t.elm,s(t)))for(var h=0;h<x.create.length;++h)x.create[h](zo,t.parent);null!==l?(C.insertBefore(l,t.elm,C.nextSibling(a)),f(l,[e],0,0)):lt(e.tag)&&p(e)}}else c=!0,i(t,u);return g(t,u,c),t.elm}}function pt(e,t,n){var r=t.data.directives;if(r)for(var o=e.data.directives,i="update"===n||"componentUpdated"===n,a=0;a<r.length;a++){var s=r[a],l=Te(t.context.$options,"directives",s.name,!0),c=l&&l[n];c&&(i&&o&&(s.oldValue=o[a].value),s.modifiers||(s.modifiers=Jo),c(t.elm,s,t,e))}}function ft(e,t){if(e.data.attrs||t.data.attrs){var n,r,o,i=t.elm,a=e.data.attrs||{},s=t.data.attrs||{};s.__ob__&&(s=t.data.attrs=u({},s));for(n in s)r=s[n],o=a[n],o!==r&&ht(i,n,r);for(n in a)null==s[n]&&($o(n)?i.removeAttributeNS(Ao,So(n)):ko(n)||i.removeAttribute(n))}}function ht(e,t,n){Co(t)?To(n)?e.removeAttribute(t):e.setAttribute(t,t):ko(t)?e.setAttribute(t,To(n)||"false"===n?"false":"true"):$o(t)?To(n)?e.removeAttributeNS(Ao,So(t)):e.setAttributeNS(Ao,t,n):To(n)?e.removeAttribute(t):e.setAttribute(t,n)}function vt(e,t){var n=t.elm,r=t.data,o=e.data;if(r.staticClass||r["class"]||o&&(o.staticClass||o["class"])){var i=Ie(t),a=n._transitionClasses;a&&(i=We(i,Be(a))),i!==n._prevClass&&(n.setAttribute("class",i),n._prevClass=i)}}function mt(e,t){if(e.data.on||t.data.on){var n=t.data.on||{},r=e.data.on||{},o=t.elm._v_add||(t.elm._v_add=function(e,n,r){t.elm.addEventListener(e,n,r)}),i=t.elm._v_remove||(t.elm._v_remove=function(e,n){t.elm.removeEventListener(e,n)});q(n,r,o,i)}}function gt(e,t){if(e.data.domProps||t.data.domProps){var n,r,o=t.elm,i=e.data.domProps||{},a=t.data.domProps||{};a.__ob__&&(a=t.data.domProps=u({},a));for(n in i)null==a[n]&&(o[n]=void 0);for(n in a)if("textContent"!==n&&"innerHTML"!==n||!t.children||(t.children.length=0),r=a[n],"value"===n){o._value=r;var s=null==r?"":String(r);o.value!==s&&(o.value=s)}else o[n]=r}}function bt(e,t){if(e.data&&e.data.style||t.data.style){var n,r,o=t.elm,i=e.data.style||{},a=t.data.style||{};if("string"==typeof a)return void(o.style.cssText=a);var s=a.__ob__;Array.isArray(a)&&(a=t.data.style=f(a)),s&&(a=t.data.style=u({},a));for(r in i)a[r]||(o.style[ni(r)]="");for(r in a)n=a[r],n!==i[r]&&(o.style[ni(r)]=n||"")}}function yt(e,t){if(e.classList)t.indexOf(" ")>-1?t.split(/\s+/).forEach(function(t){return e.classList.add(t)}):e.classList.add(t);else{var n=" "+e.getAttribute("class")+" ";n.indexOf(" "+t+" ")<0&&e.setAttribute("class",(n+t).trim())}}function wt(e,t){if(e.classList)t.indexOf(" ")>-1?t.split(/\s+/).forEach(function(t){return e.classList.remove(t)}):e.classList.remove(t);else{for(var n=" "+e.getAttribute("class")+" ",r=" "+t+" ";n.indexOf(r)>=0;)n=n.replace(r," ");e.setAttribute("class",n.trim())}}function _t(e){di(function(){di(e)})}function xt(e,t){(e._transitionClasses||(e._transitionClasses=[])).push(t),yt(e,t)}function kt(e,t){e._transitionClasses&&o(e._transitionClasses,t),wt(e,t)}function Ct(e,t,n){var r=At(e,t),o=r.type,i=r.timeout,a=r.propCount;if(!o)return n();var s=o===ii?li:ui,l=0,c=function(){e.removeEventListener(s,u),n()},u=function(t){t.target===e&&++l>=a&&c()};setTimeout(function(){l<a&&c()},i+1),e.addEventListener(s,u)}function At(e,t){var n,r=window.getComputedStyle(e),o=r[si+"Delay"].split(", "),i=r[si+"Duration"].split(", "),a=$t(o,i),s=r[ci+"Delay"].split(", "),l=r[ci+"Duration"].split(", "),c=$t(s,l),u=0,d=0;t===ii?a>0&&(n=ii,u=a,d=i.length):t===ai?c>0&&(n=ai,u=c,d=l.length):(u=Math.max(a,c),n=u>0?a>c?ii:ai:null,d=n?n===ii?i.length:l.length:0);var p=n===ii&&pi.test(r[si+"Property"]);return{type:n,timeout:u,propCount:d,hasTransform:p}}function $t(e,t){return Math.max.apply(null,t.map(function(t,n){return St(t)+St(e[n])}))}function St(e){return 1e3*Number(e.slice(0,-1))}function Tt(e){var t=e.elm;t._leaveCb&&(t._leaveCb.cancelled=!0,t._leaveCb());var n=Lt(e.data.transition);if(n&&!t._enterCb&&1===t.nodeType){var r=n.css,o=n.type,i=n.enterClass,a=n.enterActiveClass,s=n.appearClass,l=n.appearActiveClass,c=n.beforeEnter,u=n.enter,d=n.afterEnter,p=n.enterCancelled,f=n.beforeAppear,h=n.appear,v=n.afterAppear,m=n.appearCancelled,g=so.$vnode,b=g&&g.parent?g.parent.context:so,y=!b._isMounted||!e.isRootInsert;if(!y||h||""===h){var w=y?s:i,_=y?l:a,x=y?f||c:c,k=y&&"function"==typeof h?h:u,C=y?v||d:d,A=y?m||p:p,$=r!==!1&&!Ho,S=k&&(k._length||k.length)>1,T=t._enterCb=Rt(function(){
7 | $&&kt(t,_),T.cancelled?($&&kt(t,w),A&&A(t)):C&&C(t),t._enterCb=null});e.data.show||V(e.data.hook||(e.data.hook={}),"insert",function(){var n=t.parentNode,r=n&&n._pending&&n._pending[e.key];r&&r.tag===e.tag&&r.elm._leaveCb&&r.elm._leaveCb(),k&&k(t,T)}),x&&x(t),$&&(xt(t,w),xt(t,_),_t(function(){kt(t,w),T.cancelled||S||Ct(t,o,T)})),e.data.show&&k&&k(t,T),$||S||T()}}}function Ot(e,t){function n(){m.cancelled||(e.data.show||((r.parentNode._pending||(r.parentNode._pending={}))[e.key]=e),c&&c(r),h&&(xt(r,s),xt(r,l),_t(function(){kt(r,s),m.cancelled||v||Ct(r,a,m)})),u&&u(r,m),h||v||m())}var r=e.elm;r._enterCb&&(r._enterCb.cancelled=!0,r._enterCb());var o=Lt(e.data.transition);if(!o)return t();if(!r._leaveCb&&1===r.nodeType){var i=o.css,a=o.type,s=o.leaveClass,l=o.leaveActiveClass,c=o.beforeLeave,u=o.leave,d=o.afterLeave,p=o.leaveCancelled,f=o.delayLeave,h=i!==!1&&!Ho,v=u&&(u._length||u.length)>1,m=r._leaveCb=Rt(function(){r.parentNode&&r.parentNode._pending&&(r.parentNode._pending[e.key]=null),h&&kt(r,l),m.cancelled?(h&&kt(r,s),p&&p(r)):(t(),d&&d(r)),r._leaveCb=null});f?f(n):n()}}function Lt(e){if(e){if("object"==typeof e){var t={};return e.css!==!1&&u(t,fi(e.name||"v")),u(t,e),t}return"string"==typeof e?fi(e):void 0}}function Rt(e){var t=!1;return function(){t||(t=!0,e())}}function Et(e,t,n){var r=t.value,o=e.multiple;if(o&&!Array.isArray(r))return void po('<select multiple v-model="'+t.expression+'"> expects an Array value for its binding, but got '+Object.prototype.toString.call(r).slice(8,-1),n);for(var i,a,s=0,l=e.options.length;s<l;s++)if(a=e.options[s],o)i=r.indexOf(Yt(a))>-1,a.selected!==i&&(a.selected=i);else if(Yt(a)===r)return void(e.selectedIndex!==s&&(e.selectedIndex=s));o||(e.selectedIndex=-1)}function Mt(e,t){for(var n=0,r=t.length;n<r;n++)if(Yt(t[n])===e)return!1;return!0}function Yt(e){return"_value"in e?e._value:e.value||e.text}function Xt(e){e.target.composing=!0}function jt(e){e.target.composing=!1,Dt(e.target,"input")}function Dt(e,t){var n=document.createEvent("HTMLEvents");n.initEvent(t,!0,!0),e.dispatchEvent(n)}function Pt(e){return!e.child||e.data&&e.data.transition?e:Pt(e.child._vnode)}function It(e){var t=e&&e.componentOptions;return t&&t.Ctor.options["abstract"]?It(z(t.children)):e}function Ht(e){var t={},n=e.$options;for(var r in n.propsData)t[r]=e[r];var o=n._parentListeners;for(var i in o)t[yr(i)]=o[i].fn;return t}function Nt(e,t){return/\d-keep-alive$/.test(t.tag)?e("keep-alive"):null}function Wt(e){for(;e=e.parent;)if(e.data.transition)return!0}function Bt(e){return Si.innerHTML=e,Si.textContent}function Ut(e,t){return t&&(e=e.replace(aa,"<").replace(sa,">")),e.replace(ia,"&").replace(la,'"')}function Ft(e,t){function n(t){f+=t,e=e.substring(t)}function r(){var t=e.match(Yi);if(t){var r={tagName:t[1],attrs:[],start:f};n(t[0].length);for(var o,i;!(o=e.match(Xi))&&(i=e.match(Ri));)n(i[0].length),r.attrs.push(i);if(o)return r.unarySlash=o[1],n(o[0].length),r.end=f,r}}function o(e){var n=e.tagName,r=e.unarySlash;c&&("p"===s&&Mo(n)&&i("",s),Eo(n)&&s===n&&i("",n));for(var o=u(n)||"html"===n&&"head"===s||!!r,a=e.attrs.length,f=new Array(a),h=0;h<a;h++){var v=e.attrs[h];Pi&&v[0].indexOf('""')===-1&&(""===v[3]&&delete v[3],""===v[4]&&delete v[4],""===v[5]&&delete v[5]);var m=v[3]||v[4]||v[5]||"";f[h]={name:v[1],value:d?Ut(m,p):m}}o||(l.push({tag:n,attrs:f}),s=n,r=""),t.start&&t.start(n,f,o,e.start,e.end)}function i(e,n,r,o){var i;if(null==r&&(r=f),null==o&&(o=f),n){var a=n.toLowerCase();for(i=l.length-1;i>=0&&l[i].tag.toLowerCase()!==a;i--);}else i=0;if(i>=0){for(var c=l.length-1;c>=i;c--)t.end&&t.end(l[c].tag,r,o);l.length=i,s=i&&l[i-1].tag}else"br"===n.toLowerCase()?t.start&&t.start(n,[],!0,r,o):"p"===n.toLowerCase()&&(t.start&&t.start(n,[],!1,r,o),t.end&&t.end(n,r,o))}for(var a,s,l=[],c=t.expectHTML,u=t.isUnaryTag||Ar,d=t.isFromDOM,p=t.shouldDecodeTags,f=0;e;){if(a=e,s&&ra(s)){var h=s.toLowerCase(),v=oa[h]||(oa[h]=new RegExp("([\\s\\S]*?)(</"+h+"[^>]*>)","i")),m=0,g=e.replace(v,function(e,n,r){return m=r.length,"script"!==h&&"style"!==h&&"noscript"!==h&&(n=n.replace(/<!--([\s\S]*?)-->/g,"$1").replace(/<!\[CDATA\[([\s\S]*?)\]\]>/g,"$1")),t.chars&&t.chars(n),""});f+=e.length-g.length,e=g,i("</"+h+">",h,f-m,f)}else{var b=e.indexOf("<");if(0===b){if(/^<!--/.test(e)){var y=e.indexOf("-->");if(y>=0){n(y+3);continue}}if(/^<!\[/.test(e)){var w=e.indexOf("]>");if(w>=0){n(w+2);continue}}var _=e.match(Di);if(_){n(_[0].length);continue}var x=e.match(ji);if(x){var k=f;n(x[0].length),i(x[0],x[1],k,f);continue}var C=r();if(C){o(C);continue}}var A;b>=0?(A=e.substring(0,b),n(b)):(A=e,e=""),t.chars&&t.chars(A)}if(e===a)throw new Error("Error parsing template:\n\n"+e)}i()}function zt(e){function t(){(a||(a=[])).push(e.slice(p,o).trim()),p=o+1}var n,r,o,i,a,s=!1,l=!1,c=0,u=0,d=0,p=0;for(o=0;o<e.length;o++)if(r=n,n=e.charCodeAt(o),s)39===n&&92!==r&&(s=!s);else if(l)34===n&&92!==r&&(l=!l);else if(124!==n||124===e.charCodeAt(o+1)||124===e.charCodeAt(o-1)||c||u||d)switch(n){case 34:l=!0;break;case 39:s=!0;break;case 40:d++;break;case 41:d--;break;case 91:u++;break;case 93:u--;break;case 123:c++;break;case 125:c--}else void 0===i?(p=o+1,i=e.slice(0,o).trim()):t();if(void 0===i?i=e.slice(0,o).trim():0!==p&&t(),a)for(o=0;o<a.length;o++)i=Vt(i,a[o]);return i}function Vt(e,t){var n=t.indexOf("(");if(n<0)return'_f("'+t+'")('+e+")";var r=t.slice(0,n),o=t.slice(n+1);return'_f("'+r+'")('+e+","+o}function qt(e,t){var n=t?da(t):ca;if(n.test(e)){for(var r,o,i=[],a=n.lastIndex=0;r=n.exec(e);){o=r.index,o>a&&i.push(JSON.stringify(e.slice(a,o)));var s=zt(r[1].trim());i.push("_s("+s+")"),a=o+r[0].length}return a<e.length&&i.push(JSON.stringify(e.slice(a))),i.join("+")}}function Jt(e){console.error("[Vue parser]: "+e)}function Kt(e,t){return e?e.map(function(e){return e[t]}).filter(function(e){return e}):[]}function Zt(e,t,n){(e.props||(e.props=[])).push({name:t,value:n})}function Gt(e,t,n){(e.attrs||(e.attrs=[])).push({name:t,value:n})}function Qt(e,t,n,r,o){(e.directives||(e.directives=[])).push({name:t,value:n,arg:r,modifiers:o})}function en(e,t,n){var r=e.hooks||(e.hooks={}),o=r[t];o?o.push(n):r[t]=[n]}function tn(e,t,n,r,o){r&&r.capture&&(delete r.capture,t="!"+t);var i;r&&r["native"]?(delete r["native"],i=e.nativeEvents||(e.nativeEvents={})):i=e.events||(e.events={});var a={value:n,modifiers:r},s=i[t];Array.isArray(s)?o?s.unshift(a):s.push(a):s?i[t]=o?[a,s]:[s,a]:i[t]=a}function nn(e,t,n){var r=rn(e,":"+t)||rn(e,"v-bind:"+t);if(null!=r)return r;if(n!==!1){var o=rn(e,t);if(null!=o)return JSON.stringify(o)}}function rn(e,t){var n;if(null!=(n=e.attrsMap[t]))for(var r=e.attrsList,o=0,i=r.length;o<i;o++)if(r[o].name===t){r.splice(o,1);break}return n}function on(e,t){Ii=t.warn||Jt,Hi=t.getTagNamespace||Ar,Ni=t.mustUseProp||Ar,Wi=t.isPreTag||Ar,Bi=Kt(t.modules,"preTransformNode"),Ui=Kt(t.modules,"transformNode"),Fi=Kt(t.modules,"postTransformNode"),zi=t.delimiters,Vi=Object.create(null);var n,r,o=[],i=t.preserveWhitespace!==!1,a=!1,s=!1,l=!1;return Ft(e,{expectHTML:t.expectHTML,isUnaryTag:t.isUnaryTag,isFromDOM:t.isFromDOM,shouldDecodeTags:t.shouldDecodeTags,start:function(i,c,u){function d(t){"slot"!==t.tag&&"template"!==t.tag||Ii("Cannot use <"+t.tag+"> as component root element because it may contain multiple nodes:\n"+e),t.attrsMap.hasOwnProperty("v-for")&&Ii("Cannot use v-for on stateful component root element because it renders multiple elements:\n"+e)}var p=r&&r.ns||Hi(i);t.isIE&&"svg"===p&&(c=xn(c));var f={type:1,tag:i,attrsList:c,attrsMap:yn(c),parent:r,children:[]};p&&(f.ns=p),_n(f)&&(f.forbidden=!0,Ii("Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <"+i+">."));for(var h=0;h<Bi.length;h++)Bi[h](f,t);if(a||(an(f),f.pre&&(a=!0)),Wi(f.tag)&&(s=!0),a)sn(f);else{un(f),dn(f),fn(f),f.plain=!f.key&&!c.length,ln(f),cn(f),hn(f),vn(f);for(var v=0;v<Ui.length;v++)Ui[v](f,t);mn(f)}n?o.length||l||(n.attrsMap.hasOwnProperty("v-if")&&f.attrsMap.hasOwnProperty("v-else")?d(f):(l=!0,Ii("Component template should contain exactly one root element:\n\n"+e))):(n=f,d(n)),r&&!f.forbidden&&(f["else"]?pn(f,r):(r.children.push(f),f.parent=r)),u||(r=f,o.push(f));for(var m=0;m<Fi.length;m++)Fi[m](f,t)},end:function(){var e=o[o.length-1],t=e.children[e.children.length-1];t&&3===t.type&&" "===t.text&&e.children.pop(),o.length-=1,r=o[o.length-1],e.pre&&(a=!1),Wi(e.tag)&&(s=!1)},chars:function(t){if(!r)return void(l||(l=!0,Ii("Component template should contain exactly one root element:\n\n"+e)));if(t=s||t.trim()?ya(t):i&&r.children.length?" ":""){var n;!a&&" "!==t&&(n=qt(t,zi))?r.children.push({type:2,expression:n,text:t}):r.children.push({type:3,text:t})}}}),n}function an(e){null!=rn(e,"v-pre")&&(e.pre=!0)}function sn(e){var t=e.attrsList.length;if(t)for(var n=e.attrs=new Array(t),r=0;r<t;r++)n[r]={name:e.attrsList[r].name,value:JSON.stringify(e.attrsList[r].value)};else e.pre||(e.plain=!0)}function ln(e){var t=nn(e,"key");t&&(e.key=t)}function cn(e){var t=nn(e,"ref");t&&(e.ref=t,e.refInFor=gn(e))}function un(e){var t;if(t=rn(e,"v-for")){var n=t.match(fa);if(!n)return void Ii("Invalid v-for expression: "+t);e["for"]=n[2].trim();var r=n[1].trim(),o=r.match(ha);o?(e.alias=o[1].trim(),e.iterator1=o[2].trim(),o[3]&&(e.iterator2=o[3].trim())):e.alias=r}}function dn(e){var t=rn(e,"v-if");t&&(e["if"]=t),null!=rn(e,"v-else")&&(e["else"]=!0)}function pn(e,t){var n=wn(t.children);n&&n["if"]?n.elseBlock=e:Ii("v-else used on element <"+e.tag+"> without corresponding v-if.")}function fn(e){var t=rn(e,"v-once");null!=t&&(e.once=!0)}function hn(e){if("slot"===e.tag){e.attrsMap[":name"]||e.attrsMap["v-bind:name"]||!gn(e)||Ii("Static <slot> found inside v-for: they will not render correctly. Render the list in parent scope and use a single <slot> instead."),e.slotName=nn(e,"name");var t=e.slotName;Vi[t]&&Ii("Duplicate "+(t?"<slot> with name "+t:"default <slot>")+" found in the same template."),Vi[t]=!0}else{var n=nn(e,"slot");n&&(e.slotTarget=n)}}function vn(e){var t;(t=nn(e,"is"))&&(e.component=t),null!=rn(e,"inline-template")&&(e.inlineTemplate=!0)}function mn(e){var t,n,r,o,i,a,s,l=e.attrsList;for(t=0,n=l.length;t<n;t++)if(r=l[t].name,o=l[t].value,pa.test(r))if(e.hasBindings=!0,a=bn(r),a&&(r=r.replace(ba,"")),va.test(r))r=r.replace(va,""),a&&a.prop&&(s=!0,r=yr(r),"innerHtml"===r&&(r="innerHTML")),s||Ni(r)?Zt(e,r,o):Gt(e,r,o);else if(ma.test(r))r=r.replace(ma,""),tn(e,r,o,a);else{r=r.replace(pa,"");var c=r.match(ga);c&&(i=c[1])&&(r=r.slice(0,-(i.length+1))),Qt(e,r,o,i,a)}else{var u=qt(o,zi);u&&Ii(r+'="'+o+'": Interpolation inside attributes has been deprecated. Use v-bind or the colon shorthand instead.'),Gt(e,r,JSON.stringify(o))}}function gn(e){for(var t=e;t;){if(void 0!==t["for"])return!0;t=t.parent}return!1}function bn(e){var t=e.match(ba);if(t){var n={};return t.forEach(function(e){n[e.slice(1)]=!0}),n}}function yn(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n].name]&&Ii("duplicate attribute: "+e[n].name),t[e[n].name]=e[n].value;return t}function wn(e){for(var t=e.length;t--;)if(e[t].tag)return e[t]}function _n(e){return"style"===e.tag||"script"===e.tag&&(!e.attrsMap.type||"text/javascript"===e.attrsMap.type)}function xn(e){for(var t=[],n=0;n<e.length;n++){var r=e[n];wa.test(r.name)||(r.name=r.name.replace(_a,""),t.push(r))}return t}function kn(e,t){e&&(qi=xa(t.staticKeys||""),Ji=t.isReservedTag||function(){return!1},An(e),$n(e,!1))}function Cn(e){return r("type,tag,attrsList,attrsMap,plain,parent,children,attrs"+(e?","+e:""))}function An(e){if(e["static"]=Sn(e),1===e.type)for(var t=0,n=e.children.length;t<n;t++){var r=e.children[t];An(r),r["static"]||(e["static"]=!1)}}function $n(e,t){if(1===e.type){if(e.once||e["static"])return e.staticRoot=!0,void(e.staticInFor=t);if(e.children)for(var n=0,r=e.children.length;n<r;n++)$n(e.children[n],!!e["for"])}}function Sn(e){return 2!==e.type&&(3===e.type||!(!e.pre&&(e.hasBindings||e["if"]||e["for"]||mr(e.tag)||!Ji(e.tag)||!Object.keys(e).every(qi))))}function Tn(e,t){var n=t?"nativeOn:{":"on:{";for(var r in e)n+='"'+r+'":'+On(e[r])+",";return n.slice(0,-1)+"}"}function On(e){if(e){if(Array.isArray(e))return"["+e.map(On).join(",")+"]";if(e.modifiers){var t="",n=[];for(var r in e.modifiers)Aa[r]?t+=Aa[r]:n.push(r);n.length&&(t=Ln(n)+t);var o=ka.test(e.value)?e.value+"($event)":e.value;return"function($event){"+t+o+"}"}return ka.test(e.value)?e.value:"function($event){"+e.value+"}"}return"function(){}"}function Ln(e){var t=1===e.length?Rn(e[0]):Array.prototype.concat.apply([],e.map(Rn));return Array.isArray(t)?"if("+t.map(function(e){return"$event.keyCode!=="+e}).join("&&")+")return;":"if($event.keyCode!=="+t+")return;"}function Rn(e){return parseInt(e,10)||Ca[e]||"_k("+JSON.stringify(e)+")"}function En(e,t){en(e,"construct","_b(n1,"+t.value+(t.modifiers&&t.modifiers.prop?",true":"")+")")}function Mn(e,t){var n=ea,r=ea=[];ta=t,Ki=t.warn||Jt,Zi=Kt(t.modules,"transformCode"),Gi=Kt(t.modules,"genData"),Qi=t.directives||{};var o=e?Yn(e):'_h("div")';return ea=n,{render:"with(this){return "+o+"}",staticRenderFns:r}}function Yn(e){if(e.staticRoot&&!e.staticProcessed)return e.staticProcessed=!0,ea.push("with(this){return "+Yn(e)+"}"),"_m("+(ea.length-1)+(e.staticInFor?",true":"")+")";if(e["for"]&&!e.forProcessed)return Dn(e);if(e["if"]&&!e.ifProcessed)return Xn(e);if("template"!==e.tag||e.slotTarget){if("slot"===e.tag)return Bn(e);var t;if(e.component)t=Un(e);else{var n=Pn(e),r=e.inlineTemplate?null:Hn(e);t="_h('"+e.tag+"'"+(n?","+n:"")+(r?","+r:"")+")"}for(var o=0;o<Zi.length;o++)t=Zi[o](e,t);return t}return Hn(e)||"void 0"}function Xn(e){var t=e["if"];return e.ifProcessed=!0,"("+t+")?"+Yn(e)+":"+jn(e)}function jn(e){return e.elseBlock?Yn(e.elseBlock):"_e()"}function Dn(e){var t=e["for"],n=e.alias,r=e.iterator1?","+e.iterator1:"",o=e.iterator2?","+e.iterator2:"";return e.forProcessed=!0,"("+t+")&&_l(("+t+"),function("+n+r+o+"){return "+Yn(e)+"})"}function Pn(e){if(!e.plain){var t="{",n=In(e);n&&(t+=n+","),e.key&&(t+="key:"+e.key+","),e.ref&&(t+="ref:"+e.ref+","),e.refInFor&&(t+="refInFor:true,"),e.component&&(t+='tag:"'+e.tag+'",'),e.slotTarget&&(t+="slot:"+e.slotTarget+",");for(var r=0;r<Gi.length;r++)t+=Gi[r](e);if(e.attrs&&(t+="attrs:{"+Fn(e.attrs)+"},"),e.props&&(t+="domProps:{"+Fn(e.props)+"},"),e.hooks&&(t+="hook:{"+zn(e.hooks)+"},"),e.events&&(t+=Tn(e.events)+","),e.nativeEvents&&(t+=Tn(e.nativeEvents,!0)+","),e.inlineTemplate){var o=e.children[0];if((e.children.length>1||1!==o.type)&&Ki("Inline-template components must have exactly one child element."),1===o.type){var i=Mn(o,ta);t+="inlineTemplate:{render:function(){"+i.render+"},staticRenderFns:["+i.staticRenderFns.map(function(e){return"function(){"+e+"}"}).join(",")+"]}"}}return t.replace(/,$/,"")+"}"}}function In(e){var t=e.directives;if(t){var n,r,o,i,a="directives:[",s=!1;for(n=0,r=t.length;n<r;n++){o=t[n],i=!0;var l=Qi[o.name]||$a[o.name];l&&(i=!!l(e,o,Ki)),i&&(s=!0,a+='{name:"'+o.name+'"'+(o.value?",value:("+o.value+"),expression:"+JSON.stringify(o.value):"")+(o.arg?',arg:"'+o.arg+'"':"")+(o.modifiers?",modifiers:"+JSON.stringify(o.modifiers):"")+"},")}return s?a.slice(0,-1)+"]":void 0}}function Hn(e){if(e.children.length)return"["+e.children.map(Nn).join(",")+"]"}function Nn(e){return 1===e.type?Yn(e):Wn(e)}function Wn(e){return 2===e.type?e.expression:JSON.stringify(e.text)}function Bn(e){var t="$slots["+(e.slotName||'"default"')+"]",n=Hn(e);return n?"("+t+"||"+n+")":t}function Un(e){var t=Hn(e);return"_h("+e.component+","+Pn(e)+(t?","+t:"")+")"}function Fn(e){for(var t="",n=0;n<e.length;n++){var r=e[n];t+='"'+r.name+'":'+r.value+","}return t.slice(0,-1)}function zn(e){var t="";for(var n in e)t+='"'+n+'":function(n1,n2){'+e[n].join(";")+"},";return t.slice(0,-1)}function Vn(e,t){var n=on(e.trim(),t);kn(n,t);var r=Mn(n,t);return{ast:n,render:r.render,staticRenderFns:r.staticRenderFns}}function qn(e){var t=[];return e&&Jn(e,t),t}function Jn(e,t){if(1===e.type){for(var n in e.attrsMap)if(pa.test(n)){var r=e.attrsMap[n];r&&("v-for"===n?Kn(e,'v-for="'+r+'"',t):Gn(r,n+'="'+r+'"',t))}if(e.children)for(var o=0;o<e.children.length;o++)Jn(e.children[o],t)}else 2===e.type&&Gn(e.expression,e.text,t)}function Kn(e,t,n){Gn(e["for"]||"",t,n),Zn(e.alias,"v-for alias",t,n),Zn(e.iterator1,"v-for iterator",t,n),Zn(e.iterator2,"v-for iterator",t,n)}function Zn(e,t,n,r){"string"!=typeof e||Ta.test(e)||r.push("- invalid "+t+' "'+e+'" in expression: '+n)}function Gn(e,t,n){try{new Function("return "+e)}catch(r){var o=e.replace(Oa,"").match(Sa);o?n.push('- avoid using JavaScript keyword as property name: "'+o[0]+'" in expression '+t):n.push("- invalid expression: "+t)}}function Qn(e,t){var n=t.warn||Jt,r=rn(e,"class");if(r){var o=qt(r,t.delimiters);o&&n('class="'+r+'": Interpolation inside attributes has been deprecated. Use v-bind or the colon shorthand instead.')}r&&(e.staticClass=JSON.stringify(r));var i=nn(e,"class",!1);i&&(e.classBinding=i)}function er(e){var t="";return e.staticClass&&(t+="staticClass:"+e.staticClass+","),e.classBinding&&(t+="class:"+e.classBinding+","),t}function tr(e){var t=nn(e,"style",!1);t&&(e.styleBinding=t)}function nr(e){return e.styleBinding?"style:("+e.styleBinding+"),":""}function rr(e,t,n){na=n;var r=t.value,o=t.modifiers,i=e.tag,a=e.attrsMap.type;if("select"===i)return sr(e,r);if("input"===i&&"checkbox"===a)or(e,r);else{if("input"!==i||"radio"!==a)return ar(e,r,o);ir(e,r)}}function or(e,t){null!=e.attrsMap.checked&&na("<"+e.tag+' v-model="'+t+"\" checked>:\ninline checked attributes will be ignored when using v-model. Declare initial values in the component's data option instead.");var n=nn(e,"value")||"null",r=nn(e,"true-value")||"true",o=nn(e,"false-value")||"false";Zt(e,"checked","Array.isArray("+t+")?("+t+").indexOf("+n+")>-1:("+t+")===("+r+")"),tn(e,"change","var $$a="+t+",$$el=$event.target,$$c=$$el.checked?("+r+"):("+o+");if(Array.isArray($$a)){var $$v="+n+",$$i=$$a.indexOf($$v);if($$c){$$i<0&&("+t+"=$$a.concat($$v))}else{$$i>-1&&("+t+"=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{"+t+"=$$c}",null,!0)}function ir(e,t){null!=e.attrsMap.checked&&na("<"+e.tag+' v-model="'+t+"\" checked>:\ninline checked attributes will be ignored when using v-model. Declare initial values in the component's data option instead.");var n=nn(e,"value")||"null";Zt(e,"checked","("+t+")===("+n+")"),tn(e,"change",t+"="+n,null,!0)}function ar(e,t,n){"input"===e.tag&&e.attrsMap.value&&na("<"+e.tag+' v-model="'+t+'" value="'+e.attrsMap.value+"\">:\ninline value attributes will be ignored when using v-model. Declare initial values in the component's data option instead."),"textarea"===e.tag&&e.children.length&&na('<textarea v-model="'+t+"\">:\ninline content inside <textarea> will be ignored when using v-model. Declare initial values in the component's data option instead.");var r=e.attrsMap.type,o=n||{},i=o.lazy,a=o.number,s=o.trim,l=i||Io&&"range"===r?"change":"input",c=!i&&"range"!==r,u="input"===e.tag||"textarea"===e.tag,d=u?"$event.target.value"+(s?".trim()":""):"$event",p=a||"number"===r?t+"=_n("+d+")":t+"="+d;if(u&&c&&(p="if($event.target.composing)return;"+p),Zt(e,"value",u?"_s("+t+")":"("+t+")"),tn(e,l,p,null,!0),c)return!0}function sr(e,t){e.children.some(lr);var n=t+'=Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){return "_value" in o ? o._value : o.value})'+(null==e.attrsMap.multiple?"[0]":"");return tn(e,"change",n,null,!0),!0}function lr(e){return 1===e.type&&"option"===e.tag&&null!=e.attrsMap.selected&&(na('<select v-model="'+e.parent.attrsMap["v-model"]+"\">:\ninline selected attributes on <option> will be ignored when using v-model. Declare initial values in the component's data option instead."),!0)}function cr(e,t){t.value&&Zt(e,"textContent","_s("+t.value+")")}function ur(e,t){t.value&&Zt(e,"innerHTML","_s("+t.value+")")}function dr(e,t){return t=t?u(u({},Xa),t):Xa,Vn(e,t)}function pr(e,t,n){var r=t&&t.warn||po;try{new Function("return 1")}catch(o){o.toString().match(/unsafe-eval|CSP/)&&r("It seems you are using the standalone build of Vue.js in an environment with Content Security Policy that prohibits unsafe-eval. The template compiler cannot work in this environment. Consider relaxing the policy to allow unsafe-eval or pre-compiling your templates into render functions.")}var i=t&&t.delimiters?String(t.delimiters)+e:e;if(Ya[i])return Ya[i];var a={},s=dr(e,t);a.render=fr(s.render);var l=s.staticRenderFns.length;a.staticRenderFns=new Array(l);for(var c=0;c<l;c++)a.staticRenderFns[c]=fr(s.staticRenderFns[c]);return(a.render===h||a.staticRenderFns.some(function(e){return e===h}))&&r("failed to compile template:\n\n"+e+"\n\n"+qn(s.ast).join("\n")+"\n\n",n),Ya[i]=a}function fr(e){try{return new Function(e)}catch(t){return h}}function hr(e){if(e.outerHTML)return e.outerHTML;var t=document.createElement("div");return t.appendChild(e.cloneNode(!0)),t.innerHTML}var vr,mr=r("slot,component",!0),gr=Object.prototype.hasOwnProperty,br=/-(\w)/g,yr=s(function(e){return e.replace(br,function(e,t){return t?t.toUpperCase():""})}),wr=s(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}),_r=/([^-])([A-Z])/g,xr=s(function(e){return e.replace(_r,"$1-$2").replace(_r,"$1-$2").toLowerCase()}),kr=Object.prototype.toString,Cr="[object Object]",Ar=function(){return!1},$r={optionMergeStrategies:Object.create(null),silent:!1,devtools:!0,errorHandler:null,ignoredElements:null,keyCodes:Object.create(null),isReservedTag:Ar,isUnknownElement:Ar,getTagNamespace:h,mustUseProp:Ar,_assetTypes:["component","directive","filter"],_lifecycleHooks:["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated"],_maxUpdateCount:100,_isServer:!1},Sr=/[^\w\.\$]/,Tr="__proto__"in{},Or="undefined"!=typeof window&&"[object Object]"!==Object.prototype.toString.call(window),Lr=Or&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,Rr=Or&&window.navigator.userAgent.toLowerCase(),Er=Rr&&/(iphone|ipad|ipod|ios)/i.test(Rr),Mr=Rr&&Er&&Rr.match(/os ([\d_]+)/),Yr=Mr&&Mr[1].split("_"),Xr=Yr&&Number(Yr[0])>=9&&Number(Yr[1])>=3&&!window.indexedDB,jr=function(){function e(){o=!1;var e=r.slice(0);r=[];for(var t=0;t<e.length;t++)e[t]()}var n,r=[],o=!1;if("undefined"==typeof MutationObserver||Xr){var i=Or?window:"undefined"!=typeof t?t:{};n=i.setImmediate||setTimeout}else{var a=1,s=new MutationObserver(e),l=document.createTextNode(String(a));s.observe(l,{characterData:!0}),n=function(){a=(a+1)%2,l.data=String(a)}}return function(t,i){var a=i?function(){t.call(i)}:t;r.push(a),o||(o=!0,n(e,0))}}();vr="undefined"!=typeof Set&&/native code/.test(Set.toString())?Set:function(){function e(){this.set=Object.create(null)}return e.prototype.has=function(e){return void 0!==this.set[e]},e.prototype.add=function(e){this.set[e]=1},e.prototype.clear=function(){this.set=Object.create(null)},e}();var Dr,Pr,Ir,Hr=r("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,require");Dr="undefined"!=typeof Proxy&&Proxy.toString().match(/native code/),Pr={has:function Pa(e,t){var Pa=t in e,n=Hr(t)||"_"===t.charAt(0);return Pa||n||po('Property or method "'+t+'" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option.',e),Pa||!n}},Ir=function(e){Dr?e._renderProxy=new Proxy(e,Pr):e._renderProxy=e};var Nr=0,Wr=function(){this.id=Nr++,this.subs=[]};Wr.prototype.addSub=function(e){this.subs.push(e)},Wr.prototype.removeSub=function(e){o(this.subs,e)},Wr.prototype.depend=function(){Wr.target&&Wr.target.addDep(this)},Wr.prototype.notify=function(){for(var e=this.subs.slice(),t=0,n=e.length;t<n;t++)e[t].update()},Wr.target=null;var Br=[],Ur=[],Fr={},zr={},Vr=!1,qr=!1,Jr=0,Kr=0,Zr=function(e,t,n,r){void 0===r&&(r={}),this.vm=e,e._watchers.push(this),this.deep=!!r.deep,this.user=!!r.user,this.lazy=!!r.lazy,this.sync=!!r.sync,this.expression=t.toString(),this.cb=n,this.id=++Kr,this.active=!0,this.dirty=this.lazy,this.deps=[],this.newDeps=[],this.depIds=new vr,this.newDepIds=new vr,"function"==typeof t?this.getter=t:(this.getter=b(t),this.getter||(this.getter=function(){},po('Failed watching path: "'+t+'" Watcher only accepts simple dot-delimited paths. For full control, use a function instead.',e))),this.value=this.lazy?void 0:this.get()};Zr.prototype.get=function(){y(this);var e=this.getter.call(this.vm,this.vm);return this.deep&&C(e),w(),this.cleanupDeps(),e},Zr.prototype.addDep=function(e){var t=e.id;this.newDepIds.has(t)||(this.newDepIds.add(t),this.newDeps.push(e),this.depIds.has(t)||e.addSub(this))},Zr.prototype.cleanupDeps=function(){for(var e=this,t=this.deps.length;t--;){var n=e.deps[t];e.newDepIds.has(n.id)||n.removeSub(e)}var r=this.depIds;this.depIds=this.newDepIds,this.newDepIds=r,this.newDepIds.clear(),r=this.deps,this.deps=this.newDeps,this.newDeps=r,this.newDeps.length=0},Zr.prototype.update=function(){this.lazy?this.dirty=!0:this.sync?this.run():k(this)},Zr.prototype.run=function(){if(this.active){var e=this.get();if(e!==this.value||d(e)||this.deep){var t=this.value;if(this.value=e,this.user)try{this.cb.call(this.vm,e,t)}catch(n){if(po('Error in watcher "'+this.expression+'"',this.vm),!$r.errorHandler)throw n;$r.errorHandler.call(null,n,this.vm)}else this.cb.call(this.vm,e,t)}}},Zr.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},Zr.prototype.depend=function(){for(var e=this,t=this.deps.length;t--;)e.deps[t].depend()},Zr.prototype.teardown=function(){var e=this;if(this.active){this.vm._isBeingDestroyed||this.vm._vForRemoving||o(this.vm._watchers,this);for(var t=this.deps.length;t--;)e.deps[t].removeSub(e);this.active=!1}};var Gr=new vr,Qr=Array.prototype,eo=Object.create(Qr);["push","pop","shift","unshift","splice","sort","reverse"].forEach(function(e){var t=Qr[e];g(eo,e,function(){for(var n=arguments,r=arguments.length,o=new Array(r);r--;)o[r]=n[r];var i,a=t.apply(this,o),s=this.__ob__;switch(e){case"push":i=o;break;case"unshift":i=o;break;case"splice":i=o.slice(2)}return i&&s.observeArray(i),s.dep.notify(),a})});var to=Object.getOwnPropertyNames(eo),no={shouldConvert:!0,isSettingProps:!1},ro=function(e){if(this.value=e,this.dep=new Wr,this.vmCount=0,g(e,"__ob__",this),Array.isArray(e)){var t=Tr?A:$;t(e,eo,to),this.observeArray(e)}else this.walk(e)};ro.prototype.walk=function(e){var t=this.value;for(var n in e)T(t,n,e[n])},ro.prototype.observeArray=function(e){for(var t=0,n=e.length;t<n;t++)S(e[t])};var oo={enumerable:!0,configurable:!0,get:h,set:h},io=function(e,t,n,r,o,i,a,s){this.tag=e,this.data=t,this.children=n,this.text=r,this.elm=o,this.ns=i,this.context=a,this.key=t&&t.key,this.componentOptions=s,this.child=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1;var l=t&&t.hook&&t.hook.construct;l&&l(this)},ao=function(){var e=new io;return e.text="",e.isComment=!0,e},so=null,lo={init:re,prepatch:oe,insert:ie,destroy:ae},co=Object.keys(lo),uo=0;ye(we),I(we),be(we),G(we),ve(we);var po,fo,ho="undefined"!=typeof console;po=function(e,t){ho&&!$r.silent&&console.error("[Vue warn]: "+e+" "+(t?vo(fo(t)):""))},fo=function(e){if(e.$root===e)return"root instance";var t=e._isVue?e.$options.name||e.$options._componentTag:e.name;return t?"component <"+t+">":"anonymous component"};var vo=function(e){return"anonymous component"===e&&(e+=' - use the "name" option for better debugging messages.'),"(found in "+e+")"},mo=$r.optionMergeStrategies;mo.el=mo.propsData=function(e,t,n,r){return n||po('option "'+r+'" can only be used during instance creation with the `new` keyword.'),go(e,t)},mo.name=function(e,t,n){return n&&t&&po('options "name" can only be used as a component definition option, not during instance creation.'),go(e,t)},mo.data=function(e,t,n){return n?e||t?function(){var r="function"==typeof t?t.call(n):t,o="function"==typeof e?e.call(n):void 0;return r?_e(r,o):o}:void 0:t?"function"!=typeof t?(po('The "data" option should be a function that returns a per-instance value in component definitions.',n),e):e?function(){return _e(t.call(this),e.call(this))}:t:e},$r._lifecycleHooks.forEach(function(e){mo[e]=xe}),$r._assetTypes.forEach(function(e){mo[e+"s"]=ke}),mo.watch=function(e,t){if(!t)return e;if(!e)return t;var n={};u(n,e);for(var r in t){var o=n[r],i=t[r];o&&!Array.isArray(o)&&(o=[o]),n[r]=o?o.concat(i):[i]}return n},mo.props=mo.methods=mo.computed=function(e,t){if(!t)return e;if(!e)return t;var n=Object.create(null);return u(n,e),u(n,t),n};var go=function(e,t){return void 0===t?e:t},bo=Object.freeze({defineReactive:T,_toString:e,toNumber:n,makeMap:r,isBuiltInTag:mr,remove:o,hasOwn:i,isPrimitive:a,cached:s,camelize:yr,capitalize:wr,hyphenate:xr,bind:l,toArray:c,extend:u,isObject:d,isPlainObject:p,toObject:f,noop:h,no:Ar,genStaticKeys:v,isReserved:m,def:g,parsePath:b,hasProto:Tr,inBrowser:Or,devtools:Lr,UA:Rr,nextTick:jr,get _Set(){return vr},mergeOptions:Se,resolveAsset:Te,get warn(){return po},get formatComponentName(){return fo},validateProp:Oe}),yo={name:"keep-alive","abstract":!0,created:function(){this.cache=Object.create(null)},render:function(){var e=z(this.$slots["default"]);if(e&&e.componentOptions){var t=e.componentOptions,n=null==e.key?t.Ctor.cid+"::"+t.tag:e.key;this.cache[n]?e.child=this.cache[n].child:this.cache[n]=e,e.data.keepAlive=!0}return e},destroyed:function(){var e=this;for(var t in this.cache){var n=e.cache[t];Q(n.child,"deactivated"),n.child.$destroy()}}},wo={KeepAlive:yo};Pe(we),Object.defineProperty(we.prototype,"$isServer",{get:function(){return $r._isServer}}),we.version="2.0.0-rc.4";var _o,xo=r("value,selected,checked,muted"),ko=r("contenteditable,draggable,spellcheck"),Co=r("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),Ao=(r("accept,accept-charset,accesskey,action,align,alt,async,autocomplete,autofocus,autoplay,autosave,bgcolor,border,buffered,challenge,charset,checked,cite,class,code,codebase,color,cols,colspan,content,http-equiv,name,contenteditable,contextmenu,controls,coords,data,datetime,default,defer,dir,dirname,disabled,download,draggable,dropzone,enctype,method,for,form,formaction,headers,<th>,height,hidden,high,href,hreflang,http-equiv,icon,id,ismap,itemprop,keytype,kind,label,lang,language,list,loop,low,manifest,max,maxlength,media,method,GET,POST,min,multiple,email,file,muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,preload,radiogroup,readonly,rel,required,reversed,rows,rowspan,sandbox,scope,scoped,seamless,selected,shape,size,type,text,password,sizes,span,spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,target,title,type,usemap,value,width,wrap"),"http://www.w3.org/1999/xlink"),$o=function(e){return":"===e.charAt(5)&&"xlink"===e.slice(0,5)},So=function(e){return $o(e)?e.slice(6,e.length):""},To=function(e){return null==e||e===!1},Oo={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},Lo=r("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template"),Ro=r("area,base,br,col,embed,frame,hr,img,input,isindex,keygen,link,meta,param,source,track,wbr",!0),Eo=r("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source",!0),Mo=r("address,article,aside,base,blockquote,body,caption,col,colgroup,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,title,tr,track",!0),Yo=r("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font,font-face,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),Xo=function(e){
8 | return"pre"===e},jo=function(e){return Lo(e)||Yo(e)},Do=Object.create(null),Po=Or&&window.navigator.userAgent.toLowerCase(),Io=Po&&/msie|trident/.test(Po),Ho=Po&&Po.indexOf("msie 9.0")>0,No=Po&&Po.indexOf("android")>0,Wo=!!Or&&function(){var e=document.createElement("div");return e.innerHTML='<div a=">">',e.innerHTML.indexOf("&gt;")>0}(),Bo=Object.freeze({createElement:Ve,createElementNS:qe,createTextNode:Je,createComment:Ke,insertBefore:Ze,removeChild:Ge,appendChild:Qe,parentNode:et,nextSibling:tt,tagName:nt,setTextContent:rt,childNodes:ot,setAttribute:it}),Uo={create:function(e,t){at(t)},update:function(e,t){e.data.ref!==t.data.ref&&(at(e,!0),at(t))},destroy:function(e){at(e,!0)}},Fo={},zo=new io("",Fo,[]),Vo=["create","update","postpatch","remove","destroy"],qo={create:function(e,t){V(t.data.hook||(t.data.hook={}),"insert",function(){pt(e,t,"bind")})},update:function(e,t){pt(e,t,"update"),e.data.directives&&!t.data.directives&&pt(e,e,"unbind")},postpatch:function(e,t){pt(e,t,"componentUpdated")},destroy:function(e){pt(e,e,"unbind")}},Jo=Object.create(null),Ko=[Uo,qo],Zo={create:ft,update:ft},Go={create:vt,update:vt},Qo={create:mt,update:mt},ei={create:gt,update:gt},ti=["Webkit","Moz","ms"],ni=s(function(e){if(_o=_o||document.createElement("div"),e=yr(e),"filter"!==e&&e in _o.style)return e;for(var t=e.charAt(0).toUpperCase()+e.slice(1),n=0;n<ti.length;n++){var r=ti[n]+t;if(r in _o.style)return r}}),ri={create:bt,update:bt},oi=Or&&!Ho,ii="transition",ai="animation",si="transition",li="transitionend",ci="animation",ui="animationend";oi&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(si="WebkitTransition",li="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(ci="WebkitAnimation",ui="webkitAnimationEnd"));var di=Or&&window.requestAnimationFrame||setTimeout,pi=/\b(transform|all)(,|$)/,fi=s(function(e){return{enterClass:e+"-enter",leaveClass:e+"-leave",appearClass:e+"-enter",enterActiveClass:e+"-enter-active",leaveActiveClass:e+"-leave-active",appearActiveClass:e+"-enter-active"}}),hi=Or?{create:function(e,t){t.data.show||Tt(t)},remove:function(e,t){e.data.show?t():Ot(e,t)}}:{},vi=[Zo,Go,Qo,ei,ri,hi],mi=vi.concat(Ko),gi=dt({nodeOps:Bo,modules:mi}),bi=/^input|select|textarea|vue-component-[0-9]+(-[0-9a-zA-Z_\-]*)?$/;Ho&&document.addEventListener("selectionchange",function(){var e=document.activeElement;e&&e.vmodel&&Dt(e,"input")});var yi={bind:function(e,t,n){bi.test(n.tag)||po("v-model is not supported on element type: <"+n.tag+">. If you are working with contenteditable, it's recommended to wrap a library dedicated for that purpose inside a custom component.",n.context),"select"===n.tag?Et(e,t,n.context):(No||(e.addEventListener("compositionstart",Xt),e.addEventListener("compositionend",jt)),Ho&&(e.vmodel=!0))},componentUpdated:function(e,t,n){if("select"===n.tag){Et(e,t,n.context);var r=e.multiple?t.value.some(function(t){return Mt(t,e.options)}):Mt(t.value,e.options);r&&Dt(e,"change")}}},wi={bind:function(e,t,n){var r=t.value;n=Pt(n);var o=n.data&&n.data.transition;r&&o&&o.appear&&!Ho&&Tt(n);var i="none"===e.style.display?"":e.style.display;e.style.display=r?i:"none",e.__vOriginalDisplay=i},update:function(e,t,n){var r=t.value,o=t.oldValue;if(r!==o){n=Pt(n);var i=n.data&&n.data.transition;i&&!Ho?r?(Tt(n),e.style.display=e.__vOriginalDisplay):Ot(n,function(){e.style.display="none"}):e.style.display=r?e.__vOriginalDisplay:"none"}}},_i={model:yi,show:wi},xi={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String},ki={name:"transition",props:xi,"abstract":!0,render:function(e){var t=this,n=this.$slots["default"];if(n&&(n=n.filter(function(e){return e.tag}),n.length)){n.length>1&&po("<transition> can only be used on a single element. Use <transition-group> for lists.",this.$parent);var r=this.mode;r&&"in-out"!==r&&"out-in"!==r&&po("invalid <transition> mode: "+r,this.$parent);var o=n[0];if(Wt(this.$vnode))return o;var i=It(o);if(!i)return o;if(this._leaving)return Nt(e,o);i.key=null==i.key?"__v"+(i.tag+this._uid)+"__":i.key;var a=(i.data||(i.data={})).transition=Ht(this),s=this._vnode,l=It(s);if(i.data.directives&&i.data.directives.some(function(e){return"show"===e.name})&&(i.data.show=!0),l&&l.data&&l.key!==i.key){var c=l.data.transition=u({},a);if("out-in"===r)return this._leaving=!0,V(c,"afterLeave",function(){t._leaving=!1,t.$forceUpdate()}),Nt(e,o);if("in-out"===r){var d,p=function(){d()};V(a,"afterEnter",p),V(a,"enterCancelled",p),V(c,"delayLeave",function(e){d=e})}}return o}}},Ci=u({tag:String,moveClass:String},xi);delete Ci.mode;var Ai={props:Ci,render:function(e){for(var t=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),r=this.prevChildren=this.children,o=this.$slots["default"]||[],i=this.children=[],a=Ht(this),s=0;s<o.length;s++){var l=o[s];if(l.tag)if(null!=l.key)i.push(l),n[l.key]=l,(l.data||(l.data={})).transition=a;else{var c=l.componentOptions,u=c?c.Ctor.options.name||c.tag:l.tag;po("<transition-group> children must be keyed: <"+u+">")}}if(r){for(var d=[],p=[],f=0;f<r.length;f++){var h=r[f];h.data.transition=a,h.data.pos=h.elm.getBoundingClientRect(),n[h.key]?d.push(h):p.push(h)}this.kept=e(t,null,d),this.removed=p}return e(t,null,i)},beforeUpdate:function(){this.__patch__(this._vnode,this.kept,!1,!0),this._vnode=this.kept},updated:function(){var e=this.prevChildren,t=this.moveClass||this.name+"-move";if(e.length&&this.hasMove(e[0].elm,t)){e.forEach(function(e){e.elm._moveCb&&e.elm._moveCb(),e.elm._enterCb&&e.elm._enterCb();var t=e.data.pos,n=e.data.pos=e.elm.getBoundingClientRect(),r=t.left-n.left,o=t.top-n.top;if(r||o){e.data.moved=!0;var i=e.elm.style;i.transform=i.WebkitTransform="translate("+r+"px,"+o+"px)",i.transitionDuration="0s"}});document.body.offsetHeight;e.forEach(function(e){if(e.data.moved){var n=e.elm,r=n.style;xt(n,t),r.transform=r.WebkitTransform=r.transitionDuration="",n._moveDest=e.data.pos,n.addEventListener(li,n._moveCb=function o(e){e&&!/transform$/.test(e.propertyName)||(n.removeEventListener(li,o),n._moveCb=null,kt(n,t))})}})}},methods:{hasMove:function(e,t){if(!oi)return!1;if(null!=this._hasMove)return this._hasMove;xt(e,t);var n=At(e);return kt(e,t),this._hasMove=n.hasTransform}}},$i={Transition:ki,TransitionGroup:Ai};we.config.isUnknownElement=Fe,we.config.isReservedTag=jo,we.config.getTagNamespace=Ue,we.config.mustUseProp=xo,u(we.options.directives,_i),u(we.options.components,$i),we.prototype.__patch__=$r._isServer?h:gi,we.prototype.$mount=function(e,t){return e=e&&!$r._isServer?ze(e):void 0,this._mount(e,t)},setTimeout(function(){$r.devtools&&(Lr?Lr.emit("init",we):Or&&/Chrome\/\d+/.test(window.navigator.userAgent)&&console.log("Download the Vue Devtools for a better development experience:\nhttps://github.com/vuejs/vue-devtools"))},0);var Si=document.createElement("div"),Ti=/([^\s"'<>\/=]+)/,Oi=/(?:=)/,Li=[/"([^"]*)"+/.source,/'([^']*)'+/.source,/([^\s"'=<>`]+)/.source],Ri=new RegExp("^\\s*"+Ti.source+"(?:\\s*("+Oi.source+")\\s*(?:"+Li.join("|")+"))?"),Ei="[a-zA-Z_][\\w\\-\\.]*",Mi="((?:"+Ei+"\\:)?"+Ei+")",Yi=new RegExp("^<"+Mi),Xi=/^\s*(\/?)>/,ji=new RegExp("^<\\/"+Mi+"[^>]*>"),Di=/^<!DOCTYPE [^>]+>/i,Pi=!1;"x".replace(/x(.)?/g,function(e,t){Pi=""===t});var Ii,Hi,Ni,Wi,Bi,Ui,Fi,zi,Vi,qi,Ji,Ki,Zi,Gi,Qi,ea,ta,na,ra=r("script,style",!0),oa={},ia=/&amp;/g,aa=/&lt;/g,sa=/&gt;/g,la=/&quot;/g,ca=/\{\{((?:.|\n)+?)\}\}/g,ua=/[-.*+?^${}()|[\]\/\\]/g,da=s(function(e){var t=e[0].replace(ua,"\\$&"),n=e[1].replace(ua,"\\$&");return new RegExp(t+"((?:.|\\n)+?)"+n,"g")}),pa=/^v-|^@|^:/,fa=/(.*)\s+(?:in|of)\s+(.*)/,ha=/\(([^,]*),([^,]*)(?:,([^,]*))?\)/,va=/^:|^v-bind:/,ma=/^@|^v-on:/,ga=/:(.*)$/,ba=/\.[^\.]+/g,ya=s(Bt),wa=/^xmlns:NS\d+/,_a=/^NS\d+:/,xa=s(Cn),ka=/^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['.*?'\]|\[".*?"\]|\[\d+\]|\[[A-Za-z_$][\w$]*\])*$/,Ca={esc:27,tab:9,enter:13,space:32,up:38,left:37,right:39,down:40,"delete":[8,46]},Aa={stop:"$event.stopPropagation();",prevent:"$event.preventDefault();",self:"if($event.target !== $event.currentTarget)return;"},$a={bind:En,cloak:h},Sa=new RegExp("\\b"+"do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const,super,throw,while,yield,delete,export,import,return,switch,default,extends,finally,continue,debugger,function,arguments".split(",").join("\\b|\\b")+"\\b"),Ta=/[A-Za-z_$][\w$]*/,Oa=/'(?:[^'\\]|\\.)*'|"(?:[^"\\]|\\.)*"|`(?:[^`\\]|\\.)*\$\{|\}(?:[^`\\]|\\.)*`|`(?:[^`\\]|\\.)*`/g,La={staticKeys:["staticClass"],transformNode:Qn,genData:er},Ra={transformNode:tr,genData:nr},Ea=[La,Ra],Ma={model:rr,text:cr,html:ur},Ya=Object.create(null),Xa={isIE:Io,expectHTML:!0,modules:Ea,staticKeys:v(Ea),directives:Ma,isReservedTag:jo,isUnaryTag:Ro,mustUseProp:xo,getTagNamespace:Ue,isPreTag:Xo},ja=s(function(e){var t=ze(e);return t&&t.innerHTML}),Da=we.prototype.$mount;return we.prototype.$mount=function(e,t){if(e=e&&ze(e),e===document.body||e===document.documentElement)return po("Do not mount Vue to <html> or <body> - mount to normal elements instead."),this;var n=this.$options;if(!n.render){var r=n.template,o=!1;if(r)if("string"==typeof r)"#"===r.charAt(0)&&(o=!0,r=ja(r));else{if(!r.nodeType)return po("invalid template option:"+r,this),this;o=!0,r=r.innerHTML}else e&&(o=!0,r=hr(e));if(r){var i=pr(r,{warn:po,isFromDOM:o,shouldDecodeTags:Wo,delimiters:n.delimiters},this),a=i.render,s=i.staticRenderFns;n.render=a,n.staticRenderFns=s}}return Da.call(this,e,t)},we.compile=pr,we})}).call(t,n(34))},function(e,t,n){"use strict";var r=n(12);t["default"]={data:function(){return{}},components:{Scrollbar:r.a}}},function(e,t,n){"use strict";var r=n(13);t["default"]={props:{initParams:{type:Object,"default":function(){return{handlers:["click-rail","drag-scrollbar","keyboard","wheel","touch"],maxScrollbarLength:null,minScrollbarLength:null,scrollXMarginOffset:0,scrollYMarginOffset:0,stopPropagationOnClick:!0,suppressScrollX:!1,suppressScrollY:!1,swipePropagation:!0,useBothWheelAxes:!1,wheelPropagation:!1,wheelSpeed:1,theme:"default"}}},classes:{type:String,"default":""}},methods:{hello:function(){console.log(this)}},mounted:function(){console.log("test"),r.initialize(this.$el,this.initParams)}}},function(e,t,n){"use strict";var r=n(29),o=n.n(r);t.a=o.a},function(e,t,n){"use strict";var r=n(17),o=n(25),i=n(26);e.exports={initialize:o,update:i,destroy:r}},function(e,t){"use strict";var n=function(e){this.element=e,this.events={}};n.prototype.bind=function(e,t){"undefined"==typeof this.events[e]&&(this.events[e]=[]),this.events[e].push(t),this.element.addEventListener(e,t,!1)},n.prototype.unbind=function(e,t){var n="undefined"!=typeof t;this.events[e]=this.events[e].filter(function(r){return!(!n||r===t)||(this.element.removeEventListener(e,r,!1),!1)},this)},n.prototype.unbindAll=function(){for(var e in this.events)this.unbind(e)};var r=function(){this.eventElements=[]};r.prototype.eventElement=function(e){var t=this.eventElements.filter(function(t){return t.element===e})[0];return"undefined"==typeof t&&(t=new n(e),this.eventElements.push(t)),t},r.prototype.bind=function(e,t,n){this.eventElement(e).bind(t,n)},r.prototype.unbind=function(e,t,n){this.eventElement(e).unbind(t,n)},r.prototype.unbindAll=function(){for(var e=0;e<this.eventElements.length;e++)this.eventElements[e].unbindAll()},r.prototype.once=function(e,t,n){var r=this.eventElement(e),o=function i(e){r.unbind(t,i),n(e)};r.bind(t,o)},e.exports=r},function(e,t){"use strict";e.exports=function(){function e(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}return function(){return"scrollbar-"+e()+e()}}()},function(e,t){"use strict";e.exports={handlers:["click-rail","drag-scrollbar","keyboard","wheel","touch"],maxScrollbarLength:null,minScrollbarLength:null,scrollXMarginOffset:0,scrollYMarginOffset:0,stopPropagationOnClick:!0,suppressScrollX:!1,suppressScrollY:!1,swipePropagation:!0,useBothWheelAxes:!1,wheelPropagation:!1,wheelSpeed:1,theme:"default"}},function(e,t,n){"use strict";var r=n(1),o=n(4),i=n(0);e.exports=function(e){var t=i.get(e);t&&(t.event.unbindAll(),o.remove(t.scrollbarX),o.remove(t.scrollbarY),o.remove(t.scrollbarXRail),o.remove(t.scrollbarYRail),r.removePsClasses(e),i.remove(e))}},function(e,t,n){"use strict";function r(e,t){function n(e){return e.getBoundingClientRect()}var r=function(e){e.stopPropagation()};t.settings.stopPropagationOnClick&&t.event.bind(t.scrollbarY,"click",r),t.event.bind(t.scrollbarYRail,"click",function(r){var i=o.toInt(t.scrollbarYHeight/2),l=t.railYRatio*(r.pageY-window.pageYOffset-n(t.scrollbarYRail).top-i),c=t.railYRatio*(t.railYHeight-t.scrollbarYHeight),u=l/c;u<0?u=0:u>1&&(u=1),s(e,"top",(t.contentHeight-t.containerHeight)*u),a(e),r.stopPropagation()}),t.settings.stopPropagationOnClick&&t.event.bind(t.scrollbarX,"click",r),t.event.bind(t.scrollbarXRail,"click",function(r){var i=o.toInt(t.scrollbarXWidth/2),l=t.railXRatio*(r.pageX-window.pageXOffset-n(t.scrollbarXRail).left-i),c=t.railXRatio*(t.railXWidth-t.scrollbarXWidth),u=l/c;u<0?u=0:u>1&&(u=1),s(e,"left",(t.contentWidth-t.containerWidth)*u-t.negativeScrollAdjustment),a(e),r.stopPropagation()})}var o=n(1),i=n(0),a=n(2),s=n(3);e.exports=function(e){var t=i.get(e);r(e,t)}},function(e,t,n){"use strict";function r(e,t){function n(n){var o=r+n*t.railXRatio,a=Math.max(0,t.scrollbarXRail.getBoundingClientRect().left)+t.railXRatio*(t.railXWidth-t.scrollbarXWidth);o<0?t.scrollbarXLeft=0:o>a?t.scrollbarXLeft=a:t.scrollbarXLeft=o;var s=i.toInt(t.scrollbarXLeft*(t.contentWidth-t.containerWidth)/(t.containerWidth-t.railXRatio*t.scrollbarXWidth))-t.negativeScrollAdjustment;c(e,"left",s)}var r=null,o=null,s=function(t){n(t.pageX-o),l(e),t.stopPropagation(),t.preventDefault()},u=function(){i.stopScrolling(e,"x"),t.event.unbind(t.ownerDocument,"mousemove",s)};t.event.bind(t.scrollbarX,"mousedown",function(n){o=n.pageX,r=i.toInt(a.css(t.scrollbarX,"left"))*t.railXRatio,i.startScrolling(e,"x"),t.event.bind(t.ownerDocument,"mousemove",s),t.event.once(t.ownerDocument,"mouseup",u),n.stopPropagation(),n.preventDefault()})}function o(e,t){function n(n){var o=r+n*t.railYRatio,a=Math.max(0,t.scrollbarYRail.getBoundingClientRect().top)+t.railYRatio*(t.railYHeight-t.scrollbarYHeight);o<0?t.scrollbarYTop=0:o>a?t.scrollbarYTop=a:t.scrollbarYTop=o;var s=i.toInt(t.scrollbarYTop*(t.contentHeight-t.containerHeight)/(t.containerHeight-t.railYRatio*t.scrollbarYHeight));c(e,"top",s)}var r=null,o=null,s=function(t){n(t.pageY-o),l(e),t.stopPropagation(),t.preventDefault()},u=function(){i.stopScrolling(e,"y"),t.event.unbind(t.ownerDocument,"mousemove",s)};t.event.bind(t.scrollbarY,"mousedown",function(n){o=n.pageY,r=i.toInt(a.css(t.scrollbarY,"top"))*t.railYRatio,i.startScrolling(e,"y"),t.event.bind(t.ownerDocument,"mousemove",s),t.event.once(t.ownerDocument,"mouseup",u),n.stopPropagation(),n.preventDefault()})}var i=n(1),a=n(4),s=n(0),l=n(2),c=n(3);e.exports=function(e){var t=s.get(e);r(e,t),o(e,t)}},function(e,t,n){"use strict";function r(e,t){function n(n,r){var o=e.scrollTop;if(0===n){if(!t.scrollbarYActive)return!1;if(0===o&&r>0||o>=t.contentHeight-t.containerHeight&&r<0)return!t.settings.wheelPropagation}var i=e.scrollLeft;if(0===r){if(!t.scrollbarXActive)return!1;if(0===i&&n<0||i>=t.contentWidth-t.containerWidth&&n>0)return!t.settings.wheelPropagation}return!0}var r=!1;t.event.bind(e,"mouseenter",function(){r=!0}),t.event.bind(e,"mouseleave",function(){r=!1});var a=!1;t.event.bind(t.ownerDocument,"keydown",function(c){if(!(c.isDefaultPrevented&&c.isDefaultPrevented()||c.defaultPrevented)){var u=i.matches(t.scrollbarX,":focus")||i.matches(t.scrollbarY,":focus");if(r||u){var d=document.activeElement?document.activeElement:t.ownerDocument.activeElement;if(d){if("IFRAME"===d.tagName)d=d.contentDocument.activeElement;else for(;d.shadowRoot;)d=d.shadowRoot.activeElement;if(o.isEditable(d))return}var p=0,f=0;switch(c.which){case 37:p=-30;break;case 38:f=30;break;case 39:p=30;break;case 40:f=-30;break;case 33:f=90;break;case 32:f=c.shiftKey?90:-90;break;case 34:f=-90;break;case 35:f=c.ctrlKey?-t.contentHeight:-t.containerHeight;break;case 36:f=c.ctrlKey?e.scrollTop:t.containerHeight;break;default:return}l(e,"top",e.scrollTop-f),l(e,"left",e.scrollLeft+p),s(e),a=n(p,f),a&&c.preventDefault()}}})}var o=n(1),i=n(4),a=n(0),s=n(2),l=n(3);e.exports=function(e){var t=a.get(e);r(e,t)}},function(e,t,n){"use strict";function r(e,t){function n(n,r){var o=e.scrollTop;if(0===n){if(!t.scrollbarYActive)return!1;if(0===o&&r>0||o>=t.contentHeight-t.containerHeight&&r<0)return!t.settings.wheelPropagation}var i=e.scrollLeft;if(0===r){if(!t.scrollbarXActive)return!1;if(0===i&&n<0||i>=t.contentWidth-t.containerWidth&&n>0)return!t.settings.wheelPropagation}return!0}function r(e){var t=e.deltaX,n=-1*e.deltaY;return"undefined"!=typeof t&&"undefined"!=typeof n||(t=-1*e.wheelDeltaX/6,n=e.wheelDeltaY/6),e.deltaMode&&1===e.deltaMode&&(t*=10,n*=10),t!==t&&n!==n&&(t=0,n=e.wheelDelta),[t,n]}function o(t,n){var r=e.querySelector("textarea:hover, select[multiple]:hover, .ps-child:hover");if(r){if("TEXTAREA"!==r.tagName&&!window.getComputedStyle(r).overflow.match(/(scroll|auto)/))return!1;var o=r.scrollHeight-r.clientHeight;if(o>0&&!(0===r.scrollTop&&n>0||r.scrollTop===o&&n<0))return!0;var i=r.scrollLeft-r.clientWidth;if(i>0&&!(0===r.scrollLeft&&t<0||r.scrollLeft===i&&t>0))return!0}return!1}function s(s){var c=r(s),u=c[0],d=c[1];o(u,d)||(l=!1,t.settings.useBothWheelAxes?t.scrollbarYActive&&!t.scrollbarXActive?(d?a(e,"top",e.scrollTop-d*t.settings.wheelSpeed):a(e,"top",e.scrollTop+u*t.settings.wheelSpeed),l=!0):t.scrollbarXActive&&!t.scrollbarYActive&&(u?a(e,"left",e.scrollLeft+u*t.settings.wheelSpeed):a(e,"left",e.scrollLeft-d*t.settings.wheelSpeed),l=!0):(a(e,"top",e.scrollTop-d*t.settings.wheelSpeed),a(e,"left",e.scrollLeft+u*t.settings.wheelSpeed)),i(e),l=l||n(u,d),l&&(s.stopPropagation(),s.preventDefault()))}var l=!1;"undefined"!=typeof window.onwheel?t.event.bind(e,"wheel",s):"undefined"!=typeof window.onmousewheel&&t.event.bind(e,"mousewheel",s)}var o=n(0),i=n(2),a=n(3);e.exports=function(e){var t=o.get(e);r(e,t)}},function(e,t,n){"use strict";function r(e,t){t.event.bind(e,"scroll",function(){i(e)})}var o=n(0),i=n(2);e.exports=function(e){var t=o.get(e);r(e,t)}},function(e,t,n){"use strict";function r(e,t){function n(){var e=window.getSelection?window.getSelection():document.getSelection?document.getSelection():"";return 0===e.toString().length?null:e.getRangeAt(0).commonAncestorContainer}function r(){c||(c=setInterval(function(){return i.get(e)?(s(e,"top",e.scrollTop+u.top),s(e,"left",e.scrollLeft+u.left),void a(e)):void clearInterval(c)},50))}function l(){c&&(clearInterval(c),c=null),o.stopScrolling(e)}var c=null,u={top:0,left:0},d=!1;t.event.bind(t.ownerDocument,"selectionchange",function(){e.contains(n())?d=!0:(d=!1,l())}),t.event.bind(window,"mouseup",function(){d&&(d=!1,l())}),t.event.bind(window,"mousemove",function(t){if(d){var n={x:t.pageX,y:t.pageY},i={left:e.offsetLeft,right:e.offsetLeft+e.offsetWidth,top:e.offsetTop,bottom:e.offsetTop+e.offsetHeight};n.x<i.left+3?(u.left=-5,o.startScrolling(e,"x")):n.x>i.right-3?(u.left=5,o.startScrolling(e,"x")):u.left=0,n.y<i.top+3?(i.top+3-n.y<5?u.top=-5:u.top=-20,o.startScrolling(e,"y")):n.y>i.bottom-3?(n.y-i.bottom+3<5?u.top=5:u.top=20,o.startScrolling(e,"y")):u.top=0,0===u.top&&0===u.left?l():r()}})}var o=n(1),i=n(0),a=n(2),s=n(3);e.exports=function(e){var t=i.get(e);r(e,t)}},function(e,t,n){"use strict";function r(e,t,n,r){function o(n,r){var o=e.scrollTop,i=e.scrollLeft,a=Math.abs(n),s=Math.abs(r);if(s>a){if(r<0&&o===t.contentHeight-t.containerHeight||r>0&&0===o)return!t.settings.swipePropagation}else if(a>s&&(n<0&&i===t.contentWidth-t.containerWidth||n>0&&0===i))return!t.settings.swipePropagation;return!0}function l(t,n){s(e,"top",e.scrollTop-n),s(e,"left",e.scrollLeft-t),a(e)}function c(){w=!0}function u(){w=!1}function d(e){return e.targetTouches?e.targetTouches[0]:e}function p(e){return!(!e.targetTouches||1!==e.targetTouches.length)||!(!e.pointerType||"mouse"===e.pointerType||e.pointerType===e.MSPOINTER_TYPE_MOUSE)}function f(e){if(p(e)){_=!0;var t=d(e);m.pageX=t.pageX,m.pageY=t.pageY,g=(new Date).getTime(),null!==y&&clearInterval(y),e.stopPropagation()}}function h(e){if(!_&&t.settings.swipePropagation&&f(e),!w&&_&&p(e)){var n=d(e),r={pageX:n.pageX,pageY:n.pageY},i=r.pageX-m.pageX,a=r.pageY-m.pageY;l(i,a),m=r;var s=(new Date).getTime(),c=s-g;c>0&&(b.x=i/c,b.y=a/c,g=s),o(i,a)&&(e.stopPropagation(),e.preventDefault())}}function v(){!w&&_&&(_=!1,clearInterval(y),y=setInterval(function(){return i.get(e)&&(b.x||b.y)?Math.abs(b.x)<.01&&Math.abs(b.y)<.01?void clearInterval(y):(l(30*b.x,30*b.y),b.x*=.8,void(b.y*=.8)):void clearInterval(y)},10))}var m={},g=0,b={},y=null,w=!1,_=!1;n&&(t.event.bind(window,"touchstart",c),t.event.bind(window,"touchend",u),t.event.bind(e,"touchstart",f),t.event.bind(e,"touchmove",h),t.event.bind(e,"touchend",v)),r&&(window.PointerEvent?(t.event.bind(window,"pointerdown",c),t.event.bind(window,"pointerup",u),t.event.bind(e,"pointerdown",f),t.event.bind(e,"pointermove",h),t.event.bind(e,"pointerup",v)):window.MSPointerEvent&&(t.event.bind(window,"MSPointerDown",c),t.event.bind(window,"MSPointerUp",u),t.event.bind(e,"MSPointerDown",f),t.event.bind(e,"MSPointerMove",h),t.event.bind(e,"MSPointerUp",v)))}var o=n(1),i=n(0),a=n(2),s=n(3);e.exports=function(e){if(o.env.supportsTouch||o.env.supportsIePointer){var t=i.get(e);r(e,t,o.env.supportsTouch,o.env.supportsIePointer)}}},function(e,t,n){"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e},o=n(1),i=n(5),a=n(0),s=n(2),l={"click-rail":n(18),"drag-scrollbar":n(19),keyboard:n(20),wheel:n(21),touch:n(24),selection:n(23)},c=n(22);e.exports=function(e,t){t="object"===("undefined"==typeof t?"undefined":r(t))?t:{},i.add(e,"ps-container");var n=a.add(e);n.settings=o.extend(n.settings,t),i.add(e,"ps-theme-"+n.settings.theme),n.settings.handlers.forEach(function(t){l[t](e)}),c(e),s(e)}},function(e,t,n){"use strict";var r=n(1),o=n(4),i=n(0),a=n(2),s=n(3);e.exports=function(e){var t=i.get(e);t&&(t.negativeScrollAdjustment=t.isNegativeScroll?e.scrollWidth-e.clientWidth:0,o.css(t.scrollbarXRail,"display","block"),o.css(t.scrollbarYRail,"display","block"),t.railXMarginWidth=r.toInt(o.css(t.scrollbarXRail,"marginLeft"))+r.toInt(o.css(t.scrollbarXRail,"marginRight")),t.railYMarginHeight=r.toInt(o.css(t.scrollbarYRail,"marginTop"))+r.toInt(o.css(t.scrollbarYRail,"marginBottom")),o.css(t.scrollbarXRail,"display","none"),o.css(t.scrollbarYRail,"display","none"),a(e),s(e,"top",e.scrollTop),s(e,"left",e.scrollLeft),o.css(t.scrollbarXRail,"display",""),o.css(t.scrollbarYRail,"display",""))}},function(e,t,n){t=e.exports=n(6)(),t.push([e.i,"\n.contentHolder {\n  position: relative;\n  margin: 0px auto;\n  padding: 0px;\n  width: 400px;\n  height: 400px;\n  overflow: auto;\n}\n.content {\n  background: #EEE;\n  min-width: 750px;\n}\n.kolom {\n  background: #2196F3;\n  width: 150px;\n  height: 150px;\n  float: left;\n  display: inline-block;\n  margin: 15px;\n}\n.clear {\n  clear: both;\n}\n.spacer {\n  text-align: center;\n}\n",""])},function(e,t,n){t=e.exports=n(6)(),t.push([e.i,"\n.ps-container {\n  -ms-touch-action: none;\n  touch-action: none;\n  overflow: hidden !important;\n  -ms-overflow-style: none;\n}\n.ps-container > .ps-scrollbar-x-rail {\n  display: none;\n  position: absolute;\n  opacity: 0;\n  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;\n  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;\n  -o-transition: background-color 0.2s linear, opacity 0.2s linear;\n  transition: background-color 0.2s linear, opacity 0.2s linear;\n  bottom: 0px;\n  height: 11px;\n}\n.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {\n  position: absolute;\n  background-color: #aaa;\n  -webkit-border-radius: 6px;\n  -moz-border-radius: 6px;\n  border-radius: 6px;\n  -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;\n  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;\n  -moz-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out;\n  -o-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;\n  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;\n  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out;\n  bottom: 2px;\n  height: 6px;\n}\n.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {\n  height: 7px;\n}\n.ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {\n  height: 7px;\n}\n.ps-container > .ps-scrollbar-y-rail {\n  display: none;\n  position: absolute;\n  opacity: 0;\n  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;\n  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;\n  -o-transition: background-color 0.2s linear, opacity 0.2s linear;\n  transition: background-color 0.2s linear, opacity 0.2s linear;\n  right: 0;\n  width: 11px;\n}\n.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {\n  position: absolute;\n  background-color: #aaa;\n  -webkit-border-radius: 6px;\n  -moz-border-radius: 6px;\n  border-radius: 6px;\n  -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;\n  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;\n  -moz-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out;\n  -o-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;\n  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;\n  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out;\n  right: 2px;\n  width: 6px;\n}\n.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {\n  width: 7px;\n}\n.ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {\n  width: 7px;\n}\n.ps-container:hover.ps-in-scrolling {\n  pointer-events: none;\n}\n.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {\n  background-color: #eee;\n  opacity: 0.9;\n}\n.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {\n  background-color: #999;\n}\n.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {\n  background-color: #eee;\n  opacity: 0.9;\n}\n.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {\n  background-color: #999;\n}\n.ps-container:hover > .ps-scrollbar-x-rail {\n  opacity: 0.6;\n}\n.ps-container:hover > .ps-scrollbar-x-rail:hover {\n  background-color: #eee;\n  opacity: 0.9;\n}\n.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {\n  background-color: #999;\n}\n.ps-container:hover > .ps-scrollbar-y-rail {\n  opacity: 0.6;\n}\n.ps-container:hover > .ps-scrollbar-y-rail:hover {\n  background-color: #eee;\n  opacity: 0.9;\n}\n.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {\n  background-color: #999;\n}\n.ps-container.ps-active-x > .ps-scrollbar-x-rail {\n  display: block;\n  background-color: transparent;\n}\n.ps-container.ps-active-y > .ps-scrollbar-y-rail {\n  display: block;\n  background-color: transparent;\n}\n.ps-container.ps-in-scrolling {\n  pointer-events: none;\n}\n.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {\n  background-color: #eee;\n  opacity: 0.9;\n}\n.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {\n  background-color: #999;\n}\n.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {\n  background-color: #eee;\n  opacity: 0.9;\n}\n.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {\n  background-color: #999;\n}\n@supports (-ms-overflow-style:none) {\n.ps-container {\n    overflow: auto !important;\n}\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n.ps-container {\n    overflow: auto !important;\n}\n}\n",""])},function(e,t,n){var r,o;n(33),r=n(11);var i=n(31);o=r=r||{},"object"==typeof r["default"]&&(o=r=r["default"]),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,e.exports=r},function(module,exports){module.exports={render:function(){with(this)return _h("div",{attrs:{id:"app"}},[_h("scrollbar",{attrs:{classes:"contentHolder"}},[_m(0)])," ",_m(1)])},staticRenderFns:[function(){with(this)return _h("div",{staticClass:"content"},[_h("div",{staticClass:"kolom"})," ",_h("div",{staticClass:"kolom"})," ",_h("div",{staticClass:"kolom"})," ",_h("div",{staticClass:"kolom"})," ",_h("div",{staticClass:"kolom"})," ",_h("div",{staticClass:"kolom"})," ",_h("div",{staticClass:"kolom"})," ",_h("div",{staticClass:"kolom"})," ",_h("div",{staticClass:"kolom"})," ",_h("div",{staticClass:"kolom"})," ",_h("div",{staticClass:"kolom"})," ",_h("div",{staticClass:"kolom"})," ",_h("div",{staticClass:"clear"})])},function(){with(this)return _h("div",{staticClass:"spacer"},[_h("h1",["default"])])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{"class":classes,on:{click:hello}},[$slots["default"]])},staticRenderFns:[]}},function(e,t,n){var r=n(27);"string"==typeof r&&(r=[[e.i,r,""]]);n(7)(r,{});r.locals&&(e.exports=r.locals)},function(e,t,n){var r=n(28);"string"==typeof r&&(r=[[e.i,r,""]]);n(7)(r,{});r.locals&&(e.exports=r.locals)},function(e,t){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(r){"object"==typeof window&&(n=window)}e.exports=n},function(e,t,n){"use strict";var r=n(9),o=n.n(r),i=n(8),a=n.n(i);new o.a({el:"#app",render:function(e){return e(a.a)}})}]);


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>vue-perfect-scrollbar</title>
 6 |   </head>
 7 |   <body>
 8 |     <div id="app"></div>
 9 |     <script src="dist/build.js"></script>
10 |   </body>
11 | </html>
12 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue-perfect-scrollbar",
 3 |   "description": "A scrollbar beautify module, build with vuejs, rely on perfect-scroll.js.",
 4 |   "author": "CheneyLiu <lhy6551@qq.com>",
 5 |   "private": true,
 6 |   "scripts": {
 7 |     "dev": "webpack-dev-server --inline --hot",
 8 |     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
 9 |   },
10 |   "dependencies": {
11 |     "vue": "^2.0.0-beta.5"
12 |   },
13 |   "devDependencies": {
14 |     "babel-core": "^6.0.0",
15 |     "babel-loader": "^6.0.0",
16 |     "babel-preset-es2015": "^6.13.2",
17 |     "cross-env": "^1.0.6",
18 |     "css-loader": "^0.23.1",
19 |     "file-loader": "^0.8.4",
20 |     "less": "^2.7.1",
21 |     "less-loader": "^2.2.3",
22 |     "vue-loader": "^9.2.2",
23 |     "webpack": "^2.1.0-beta.20",
24 |     "webpack-dev-server": "^2.1.0-beta.0"
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="app">
 3 |     <scrollbar :classes="'contentHolder'">
 4 |       <div class="content">
 5 |         <div class="kolom"></div>
 6 |         <div class="kolom"></div>
 7 |         <div class="kolom"></div>
 8 |         <div class="kolom"></div>
 9 |         <div class="kolom"></div>
10 |         <div class="kolom"></div>
11 |         <div class="kolom"></div>
12 |         <div class="kolom"></div>
13 |         <div class="kolom"></div>
14 |         <div class="kolom"></div>
15 |         <div class="kolom"></div>
16 |         <div class="kolom"></div>
17 |         <div class="clear"></div>
18 |       </div>
19 |     </scrollbar>
20 |     <div class="spacer">
21 |       <h1>default</h1>
22 |     </div>
23 |   </div>
24 | </template>
25 | 
26 | <script>
27 | import Scrollbar from './components/scrollbar'
28 | export default {
29 |   data () {
30 |     return {
31 |     }
32 |   },
33 |   components: {
34 |     Scrollbar
35 |   }
36 | }
37 | </script>
38 | 
39 | <style lang="less">
40 |   .contentHolder {
41 |     position: relative;
42 |     margin: 0px auto;
43 |     padding: 0px;
44 |     width: 400px;
45 |     height: 400px;
46 |     overflow: auto;
47 |   }
48 |   .content {
49 |     background: #EEE;
50 |     min-width: 750px;
51 |   }
52 | 
53 |   .kolom {
54 |     background: #2196F3;
55 |     width: 150px;
56 |     height: 150px;
57 |     float: left;
58 |     display: inline-block;
59 |     margin: 15px;
60 |   }
61 |   .clear{
62 |     clear: both;
63 |   }
64 |   .spacer {
65 |     text-align: center
66 |   }
67 | </style>
68 | 


--------------------------------------------------------------------------------
/src/assets/test.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/epver/vue-perfect-scrollbar/e8931adb04686123352380cba3beb6a684ca7c94/src/assets/test.jpg


--------------------------------------------------------------------------------
/src/components/scrollbar/index.js:
--------------------------------------------------------------------------------
1 | import Scrollbar from './scrollbar.vue';
2 | 
3 | export default Scrollbar;
4 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/index.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | var destroy = require('./plugin/destroy');
 4 | var initialize = require('./plugin/initialize');
 5 | var update = require('./plugin/update');
 6 | 
 7 | module.exports = {
 8 |   initialize: initialize,
 9 |   update: update,
10 |   destroy: destroy
11 | };
12 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/lib/class.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | function oldAdd(element, className) {
 4 |   var classes = element.className.split(' ');
 5 |   if (classes.indexOf(className) < 0) {
 6 |     classes.push(className);
 7 |   }
 8 |   element.className = classes.join(' ');
 9 | }
10 | 
11 | function oldRemove(element, className) {
12 |   var classes = element.className.split(' ');
13 |   var idx = classes.indexOf(className);
14 |   if (idx >= 0) {
15 |     classes.splice(idx, 1);
16 |   }
17 |   element.className = classes.join(' ');
18 | }
19 | 
20 | exports.add = function (element, className) {
21 |   if (element.classList) {
22 |     element.classList.add(className);
23 |   } else {
24 |     oldAdd(element, className);
25 |   }
26 | };
27 | 
28 | exports.remove = function (element, className) {
29 |   if (element.classList) {
30 |     element.classList.remove(className);
31 |   } else {
32 |     oldRemove(element, className);
33 |   }
34 | };
35 | 
36 | exports.list = function (element) {
37 |   if (element.classList) {
38 |     return Array.prototype.slice.apply(element.classList);
39 |   } else {
40 |     return element.className.split(' ');
41 |   }
42 | };
43 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/lib/dom.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | var DOM = {};
 4 | 
 5 | DOM.e = function (tagName, className) {
 6 |   var element = document.createElement(tagName);
 7 |   element.className = className;
 8 |   return element;
 9 | };
10 | 
11 | DOM.appendTo = function (child, parent) {
12 |   parent.appendChild(child);
13 |   return child;
14 | };
15 | 
16 | function cssGet(element, styleName) {
17 |   return window.getComputedStyle(element)[styleName];
18 | }
19 | 
20 | function cssSet(element, styleName, styleValue) {
21 |   if (typeof styleValue === 'number') {
22 |     styleValue = styleValue.toString() + 'px';
23 |   }
24 |   element.style[styleName] = styleValue;
25 |   return element;
26 | }
27 | 
28 | function cssMultiSet(element, obj) {
29 |   for (var key in obj) {
30 |     var val = obj[key];
31 |     if (typeof val === 'number') {
32 |       val = val.toString() + 'px';
33 |     }
34 |     element.style[key] = val;
35 |   }
36 |   return element;
37 | }
38 | 
39 | DOM.css = function (element, styleNameOrObject, styleValue) {
40 |   if (typeof styleNameOrObject === 'object') {
41 |     // multiple set with object
42 |     return cssMultiSet(element, styleNameOrObject);
43 |   } else {
44 |     if (typeof styleValue === 'undefined') {
45 |       return cssGet(element, styleNameOrObject);
46 |     } else {
47 |       return cssSet(element, styleNameOrObject, styleValue);
48 |     }
49 |   }
50 | };
51 | 
52 | DOM.matches = function (element, query) {
53 |   if (typeof element.matches !== 'undefined') {
54 |     return element.matches(query);
55 |   } else {
56 |     if (typeof element.matchesSelector !== 'undefined') {
57 |       return element.matchesSelector(query);
58 |     } else if (typeof element.webkitMatchesSelector !== 'undefined') {
59 |       return element.webkitMatchesSelector(query);
60 |     } else if (typeof element.mozMatchesSelector !== 'undefined') {
61 |       return element.mozMatchesSelector(query);
62 |     } else if (typeof element.msMatchesSelector !== 'undefined') {
63 |       return element.msMatchesSelector(query);
64 |     }
65 |   }
66 | };
67 | 
68 | DOM.remove = function (element) {
69 |   if (typeof element.remove !== 'undefined') {
70 |     element.remove();
71 |   } else {
72 |     if (element.parentNode) {
73 |       element.parentNode.removeChild(element);
74 |     }
75 |   }
76 | };
77 | 
78 | DOM.queryChildren = function (element, selector) {
79 |   return Array.prototype.filter.call(element.childNodes, function (child) {
80 |     return DOM.matches(child, selector);
81 |   });
82 | };
83 | 
84 | module.exports = DOM;
85 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/lib/event-manager.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | var EventElement = function (element) {
 4 |   this.element = element;
 5 |   this.events = {};
 6 | };
 7 | 
 8 | EventElement.prototype.bind = function (eventName, handler) {
 9 |   if (typeof this.events[eventName] === 'undefined') {
10 |     this.events[eventName] = [];
11 |   }
12 |   this.events[eventName].push(handler);
13 |   this.element.addEventListener(eventName, handler, false);
14 | };
15 | 
16 | EventElement.prototype.unbind = function (eventName, handler) {
17 |   var isHandlerProvided = (typeof handler !== 'undefined');
18 |   this.events[eventName] = this.events[eventName].filter(function (hdlr) {
19 |     if (isHandlerProvided && hdlr !== handler) {
20 |       return true;
21 |     }
22 |     this.element.removeEventListener(eventName, hdlr, false);
23 |     return false;
24 |   }, this);
25 | };
26 | 
27 | EventElement.prototype.unbindAll = function () {
28 |   for (var name in this.events) {
29 |     this.unbind(name);
30 |   }
31 | };
32 | 
33 | var EventManager = function () {
34 |   this.eventElements = [];
35 | };
36 | 
37 | EventManager.prototype.eventElement = function (element) {
38 |   var ee = this.eventElements.filter(function (eventElement) {
39 |     return eventElement.element === element;
40 |   })[0];
41 |   if (typeof ee === 'undefined') {
42 |     ee = new EventElement(element);
43 |     this.eventElements.push(ee);
44 |   }
45 |   return ee;
46 | };
47 | 
48 | EventManager.prototype.bind = function (element, eventName, handler) {
49 |   this.eventElement(element).bind(eventName, handler);
50 | };
51 | 
52 | EventManager.prototype.unbind = function (element, eventName, handler) {
53 |   this.eventElement(element).unbind(eventName, handler);
54 | };
55 | 
56 | EventManager.prototype.unbindAll = function () {
57 |   for (var i = 0; i < this.eventElements.length; i++) {
58 |     this.eventElements[i].unbindAll();
59 |   }
60 | };
61 | 
62 | EventManager.prototype.once = function (element, eventName, handler) {
63 |   var ee = this.eventElement(element);
64 |   var onceHandler = function (e) {
65 |     ee.unbind(eventName, onceHandler);
66 |     handler(e);
67 |   };
68 |   ee.bind(eventName, onceHandler);
69 | };
70 | 
71 | module.exports = EventManager;
72 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/lib/guid.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | module.exports = (function () {
 4 |   function s4() {
 5 |     return Math.floor((1 + Math.random()) * 0x10000)
 6 |                .toString(16)
 7 |                .substring(1);
 8 |   }
 9 |   return function () {
10 |     return 'scrollbar-' + s4() + s4();
11 |   };
12 | })();
13 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/lib/helper.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | var cls = require('./class');
 4 | var dom = require('./dom');
 5 | 
 6 | var toInt = exports.toInt = function (x) {
 7 |   return parseInt(x, 10) || 0;
 8 | };
 9 | 
10 | var clone = exports.clone = function (obj) {
11 |   if (obj === null) {
12 |     return null;
13 |   } else if (obj.constructor === Array) {
14 |     return obj.map(clone);
15 |   } else if (typeof obj === 'object') {
16 |     var result = {};
17 |     for (var key in obj) {
18 |       result[key] = clone(obj[key]);
19 |     }
20 |     return result;
21 |   } else {
22 |     return obj;
23 |   }
24 | };
25 | 
26 | exports.extend = function (original, source) {
27 |   var result = clone(original);
28 |   for (var key in source) {
29 |     result[key] = clone(source[key]);
30 |   }
31 |   return result;
32 | };
33 | 
34 | exports.isEditable = function (el) {
35 |   return dom.matches(el, "input,[contenteditable]") ||
36 |          dom.matches(el, "select,[contenteditable]") ||
37 |          dom.matches(el, "textarea,[contenteditable]") ||
38 |          dom.matches(el, "button,[contenteditable]");
39 | };
40 | 
41 | exports.removePsClasses = function (element) {
42 |   var clsList = cls.list(element);
43 |   for (var i = 0; i < clsList.length; i++) {
44 |     var className = clsList[i];
45 |     if (className.indexOf('ps-') === 0) {
46 |       cls.remove(element, className);
47 |     }
48 |   }
49 | };
50 | 
51 | exports.outerWidth = function (element) {
52 |   return toInt(dom.css(element, 'width')) +
53 |          toInt(dom.css(element, 'paddingLeft')) +
54 |          toInt(dom.css(element, 'paddingRight')) +
55 |          toInt(dom.css(element, 'borderLeftWidth')) +
56 |          toInt(dom.css(element, 'borderRightWidth'));
57 | };
58 | 
59 | exports.startScrolling = function (element, axis) {
60 |   cls.add(element, 'ps-in-scrolling');
61 |   if (typeof axis !== 'undefined') {
62 |     cls.add(element, 'ps-' + axis);
63 |   } else {
64 |     cls.add(element, 'ps-x');
65 |     cls.add(element, 'ps-y');
66 |   }
67 | };
68 | 
69 | exports.stopScrolling = function (element, axis) {
70 |   cls.remove(element, 'ps-in-scrolling');
71 |   if (typeof axis !== 'undefined') {
72 |     cls.remove(element, 'ps-' + axis);
73 |   } else {
74 |     cls.remove(element, 'ps-x');
75 |     cls.remove(element, 'ps-y');
76 |   }
77 | };
78 | 
79 | exports.env = {
80 |   isWebKit: 'WebkitAppearance' in document.documentElement.style,
81 |   supportsTouch: (('ontouchstart' in window) || window.DocumentTouch && document instanceof window.DocumentTouch),
82 |   supportsIePointer: window.navigator.msMaxTouchPoints !== null
83 | };
84 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/plugin/default-setting.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | module.exports = {
 4 |   handlers: ['click-rail', 'drag-scrollbar', 'keyboard', 'wheel', 'touch'],
 5 |   maxScrollbarLength: null,
 6 |   minScrollbarLength: null,
 7 |   scrollXMarginOffset: 0,
 8 |   scrollYMarginOffset: 0,
 9 |   stopPropagationOnClick: true,
10 |   suppressScrollX: false,
11 |   suppressScrollY: false,
12 |   swipePropagation: true,
13 |   useBothWheelAxes: false,
14 |   wheelPropagation: false,
15 |   wheelSpeed: 1,
16 |   theme: 'default'
17 | };
18 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/plugin/destroy.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | var _ = require('../lib/helper');
 4 | var dom = require('../lib/dom');
 5 | var instances = require('./instances');
 6 | 
 7 | module.exports = function (element) {
 8 |   var i = instances.get(element);
 9 | 
10 |   if (!i) {
11 |     return;
12 |   }
13 | 
14 |   i.event.unbindAll();
15 |   dom.remove(i.scrollbarX);
16 |   dom.remove(i.scrollbarY);
17 |   dom.remove(i.scrollbarXRail);
18 |   dom.remove(i.scrollbarYRail);
19 |   _.removePsClasses(element);
20 | 
21 |   instances.remove(element);
22 | };
23 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/plugin/handler/click-rail.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | var _ = require('../../lib/helper');
 4 | var instances = require('../instances');
 5 | var updateGeometry = require('../update-geometry');
 6 | var updateScroll = require('../update-scroll');
 7 | 
 8 | function bindClickRailHandler(element, i) {
 9 |   function pageOffset(el) {
10 |     return el.getBoundingClientRect();
11 |   }
12 |   var stopPropagation = function (e) { e.stopPropagation(); };
13 | 
14 |   if (i.settings.stopPropagationOnClick) {
15 |     i.event.bind(i.scrollbarY, 'click', stopPropagation);
16 |   }
17 |   i.event.bind(i.scrollbarYRail, 'click', function (e) {
18 |     var halfOfScrollbarLength = _.toInt(i.scrollbarYHeight / 2);
19 |     var positionTop = i.railYRatio * (e.pageY - window.pageYOffset - pageOffset(i.scrollbarYRail).top - halfOfScrollbarLength);
20 |     var maxPositionTop = i.railYRatio * (i.railYHeight - i.scrollbarYHeight);
21 |     var positionRatio = positionTop / maxPositionTop;
22 | 
23 |     if (positionRatio < 0) {
24 |       positionRatio = 0;
25 |     } else if (positionRatio > 1) {
26 |       positionRatio = 1;
27 |     }
28 | 
29 |     updateScroll(element, 'top', (i.contentHeight - i.containerHeight) * positionRatio);
30 |     updateGeometry(element);
31 | 
32 |     e.stopPropagation();
33 |   });
34 | 
35 |   if (i.settings.stopPropagationOnClick) {
36 |     i.event.bind(i.scrollbarX, 'click', stopPropagation);
37 |   }
38 |   i.event.bind(i.scrollbarXRail, 'click', function (e) {
39 |     var halfOfScrollbarLength = _.toInt(i.scrollbarXWidth / 2);
40 |     var positionLeft = i.railXRatio * (e.pageX - window.pageXOffset - pageOffset(i.scrollbarXRail).left - halfOfScrollbarLength);
41 |     var maxPositionLeft = i.railXRatio * (i.railXWidth - i.scrollbarXWidth);
42 |     var positionRatio = positionLeft / maxPositionLeft;
43 | 
44 |     if (positionRatio < 0) {
45 |       positionRatio = 0;
46 |     } else if (positionRatio > 1) {
47 |       positionRatio = 1;
48 |     }
49 | 
50 |     updateScroll(element, 'left', ((i.contentWidth - i.containerWidth) * positionRatio) - i.negativeScrollAdjustment);
51 |     updateGeometry(element);
52 | 
53 |     e.stopPropagation();
54 |   });
55 | }
56 | 
57 | module.exports = function (element) {
58 |   var i = instances.get(element);
59 |   bindClickRailHandler(element, i);
60 | };
61 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/plugin/handler/drag-scrollbar.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | var _ = require('../../lib/helper');
  4 | var dom = require('../../lib/dom');
  5 | var instances = require('../instances');
  6 | var updateGeometry = require('../update-geometry');
  7 | var updateScroll = require('../update-scroll');
  8 | 
  9 | function bindMouseScrollXHandler(element, i) {
 10 |   var currentLeft = null;
 11 |   var currentPageX = null;
 12 | 
 13 |   function updateScrollLeft(deltaX) {
 14 |     var newLeft = currentLeft + (deltaX * i.railXRatio);
 15 |     var maxLeft = Math.max(0, i.scrollbarXRail.getBoundingClientRect().left) + (i.railXRatio * (i.railXWidth - i.scrollbarXWidth));
 16 | 
 17 |     if (newLeft < 0) {
 18 |       i.scrollbarXLeft = 0;
 19 |     } else if (newLeft > maxLeft) {
 20 |       i.scrollbarXLeft = maxLeft;
 21 |     } else {
 22 |       i.scrollbarXLeft = newLeft;
 23 |     }
 24 | 
 25 |     var scrollLeft = _.toInt(i.scrollbarXLeft * (i.contentWidth - i.containerWidth) / (i.containerWidth - (i.railXRatio * i.scrollbarXWidth))) - i.negativeScrollAdjustment;
 26 |     updateScroll(element, 'left', scrollLeft);
 27 |   }
 28 | 
 29 |   var mouseMoveHandler = function (e) {
 30 |     updateScrollLeft(e.pageX - currentPageX);
 31 |     updateGeometry(element);
 32 |     e.stopPropagation();
 33 |     e.preventDefault();
 34 |   };
 35 | 
 36 |   var mouseUpHandler = function () {
 37 |     _.stopScrolling(element, 'x');
 38 |     i.event.unbind(i.ownerDocument, 'mousemove', mouseMoveHandler);
 39 |   };
 40 | 
 41 |   i.event.bind(i.scrollbarX, 'mousedown', function (e) {
 42 |     currentPageX = e.pageX;
 43 |     currentLeft = _.toInt(dom.css(i.scrollbarX, 'left')) * i.railXRatio;
 44 |     _.startScrolling(element, 'x');
 45 | 
 46 |     i.event.bind(i.ownerDocument, 'mousemove', mouseMoveHandler);
 47 |     i.event.once(i.ownerDocument, 'mouseup', mouseUpHandler);
 48 | 
 49 |     e.stopPropagation();
 50 |     e.preventDefault();
 51 |   });
 52 | }
 53 | 
 54 | function bindMouseScrollYHandler(element, i) {
 55 |   var currentTop = null;
 56 |   var currentPageY = null;
 57 | 
 58 |   function updateScrollTop(deltaY) {
 59 |     var newTop = currentTop + (deltaY * i.railYRatio);
 60 |     var maxTop = Math.max(0, i.scrollbarYRail.getBoundingClientRect().top) + (i.railYRatio * (i.railYHeight - i.scrollbarYHeight));
 61 | 
 62 |     if (newTop < 0) {
 63 |       i.scrollbarYTop = 0;
 64 |     } else if (newTop > maxTop) {
 65 |       i.scrollbarYTop = maxTop;
 66 |     } else {
 67 |       i.scrollbarYTop = newTop;
 68 |     }
 69 | 
 70 |     var scrollTop = _.toInt(i.scrollbarYTop * (i.contentHeight - i.containerHeight) / (i.containerHeight - (i.railYRatio * i.scrollbarYHeight)));
 71 |     updateScroll(element, 'top', scrollTop);
 72 |   }
 73 | 
 74 |   var mouseMoveHandler = function (e) {
 75 |     updateScrollTop(e.pageY - currentPageY);
 76 |     updateGeometry(element);
 77 |     e.stopPropagation();
 78 |     e.preventDefault();
 79 |   };
 80 | 
 81 |   var mouseUpHandler = function () {
 82 |     _.stopScrolling(element, 'y');
 83 |     i.event.unbind(i.ownerDocument, 'mousemove', mouseMoveHandler);
 84 |   };
 85 | 
 86 |   i.event.bind(i.scrollbarY, 'mousedown', function (e) {
 87 |     currentPageY = e.pageY;
 88 |     currentTop = _.toInt(dom.css(i.scrollbarY, 'top')) * i.railYRatio;
 89 |     _.startScrolling(element, 'y');
 90 | 
 91 |     i.event.bind(i.ownerDocument, 'mousemove', mouseMoveHandler);
 92 |     i.event.once(i.ownerDocument, 'mouseup', mouseUpHandler);
 93 | 
 94 |     e.stopPropagation();
 95 |     e.preventDefault();
 96 |   });
 97 | }
 98 | 
 99 | module.exports = function (element) {
100 |   var i = instances.get(element);
101 |   bindMouseScrollXHandler(element, i);
102 |   bindMouseScrollYHandler(element, i);
103 | };
104 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/plugin/handler/keyboard.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | var _ = require('../../lib/helper');
  4 | var dom = require('../../lib/dom');
  5 | var instances = require('../instances');
  6 | var updateGeometry = require('../update-geometry');
  7 | var updateScroll = require('../update-scroll');
  8 | 
  9 | function bindKeyboardHandler(element, i) {
 10 |   var hovered = false;
 11 |   i.event.bind(element, 'mouseenter', function () {
 12 |     hovered = true;
 13 |   });
 14 |   i.event.bind(element, 'mouseleave', function () {
 15 |     hovered = false;
 16 |   });
 17 | 
 18 |   var shouldPrevent = false;
 19 |   function shouldPreventDefault(deltaX, deltaY) {
 20 |     var scrollTop = element.scrollTop;
 21 |     if (deltaX === 0) {
 22 |       if (!i.scrollbarYActive) {
 23 |         return false;
 24 |       }
 25 |       if ((scrollTop === 0 && deltaY > 0) || (scrollTop >= i.contentHeight - i.containerHeight && deltaY < 0)) {
 26 |         return !i.settings.wheelPropagation;
 27 |       }
 28 |     }
 29 | 
 30 |     var scrollLeft = element.scrollLeft;
 31 |     if (deltaY === 0) {
 32 |       if (!i.scrollbarXActive) {
 33 |         return false;
 34 |       }
 35 |       if ((scrollLeft === 0 && deltaX < 0) || (scrollLeft >= i.contentWidth - i.containerWidth && deltaX > 0)) {
 36 |         return !i.settings.wheelPropagation;
 37 |       }
 38 |     }
 39 |     return true;
 40 |   }
 41 | 
 42 |   i.event.bind(i.ownerDocument, 'keydown', function (e) {
 43 |     if ((e.isDefaultPrevented && e.isDefaultPrevented()) || e.defaultPrevented) {
 44 |       return;
 45 |     }
 46 | 
 47 |     var focused = dom.matches(i.scrollbarX, ':focus') ||
 48 |                   dom.matches(i.scrollbarY, ':focus');
 49 | 
 50 |     if (!hovered && !focused) {
 51 |       return;
 52 |     }
 53 | 
 54 |     var activeElement = document.activeElement ? document.activeElement : i.ownerDocument.activeElement;
 55 |     if (activeElement) {
 56 |       if (activeElement.tagName === 'IFRAME') {
 57 |         activeElement = activeElement.contentDocument.activeElement;
 58 |       } else {
 59 |         // go deeper if element is a webcomponent
 60 |         while (activeElement.shadowRoot) {
 61 |           activeElement = activeElement.shadowRoot.activeElement;
 62 |         }
 63 |       }
 64 |       if (_.isEditable(activeElement)) {
 65 |         return;
 66 |       }
 67 |     }
 68 | 
 69 |     var deltaX = 0;
 70 |     var deltaY = 0;
 71 | 
 72 |     switch (e.which) {
 73 |     case 37: // left
 74 |       deltaX = -30;
 75 |       break;
 76 |     case 38: // up
 77 |       deltaY = 30;
 78 |       break;
 79 |     case 39: // right
 80 |       deltaX = 30;
 81 |       break;
 82 |     case 40: // down
 83 |       deltaY = -30;
 84 |       break;
 85 |     case 33: // page up
 86 |       deltaY = 90;
 87 |       break;
 88 |     case 32: // space bar
 89 |       if (e.shiftKey) {
 90 |         deltaY = 90;
 91 |       } else {
 92 |         deltaY = -90;
 93 |       }
 94 |       break;
 95 |     case 34: // page down
 96 |       deltaY = -90;
 97 |       break;
 98 |     case 35: // end
 99 |       if (e.ctrlKey) {
100 |         deltaY = -i.contentHeight;
101 |       } else {
102 |         deltaY = -i.containerHeight;
103 |       }
104 |       break;
105 |     case 36: // home
106 |       if (e.ctrlKey) {
107 |         deltaY = element.scrollTop;
108 |       } else {
109 |         deltaY = i.containerHeight;
110 |       }
111 |       break;
112 |     default:
113 |       return;
114 |     }
115 | 
116 |     updateScroll(element, 'top', element.scrollTop - deltaY);
117 |     updateScroll(element, 'left', element.scrollLeft + deltaX);
118 |     updateGeometry(element);
119 | 
120 |     shouldPrevent = shouldPreventDefault(deltaX, deltaY);
121 |     if (shouldPrevent) {
122 |       e.preventDefault();
123 |     }
124 |   });
125 | }
126 | 
127 | module.exports = function (element) {
128 |   var i = instances.get(element);
129 |   bindKeyboardHandler(element, i);
130 | };
131 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/plugin/handler/mouse-wheel.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | var instances = require('../instances');
  4 | var updateGeometry = require('../update-geometry');
  5 | var updateScroll = require('../update-scroll');
  6 | 
  7 | function bindMouseWheelHandler(element, i) {
  8 |   var shouldPrevent = false;
  9 | 
 10 |   function shouldPreventDefault(deltaX, deltaY) {
 11 |     var scrollTop = element.scrollTop;
 12 |     if (deltaX === 0) {
 13 |       if (!i.scrollbarYActive) {
 14 |         return false;
 15 |       }
 16 |       if ((scrollTop === 0 && deltaY > 0) || (scrollTop >= i.contentHeight - i.containerHeight && deltaY < 0)) {
 17 |         return !i.settings.wheelPropagation;
 18 |       }
 19 |     }
 20 | 
 21 |     var scrollLeft = element.scrollLeft;
 22 |     if (deltaY === 0) {
 23 |       if (!i.scrollbarXActive) {
 24 |         return false;
 25 |       }
 26 |       if ((scrollLeft === 0 && deltaX < 0) || (scrollLeft >= i.contentWidth - i.containerWidth && deltaX > 0)) {
 27 |         return !i.settings.wheelPropagation;
 28 |       }
 29 |     }
 30 |     return true;
 31 |   }
 32 | 
 33 |   function getDeltaFromEvent(e) {
 34 |     var deltaX = e.deltaX;
 35 |     var deltaY = -1 * e.deltaY;
 36 | 
 37 |     if (typeof deltaX === "undefined" || typeof deltaY === "undefined") {
 38 |       // OS X Safari
 39 |       deltaX = -1 * e.wheelDeltaX / 6;
 40 |       deltaY = e.wheelDeltaY / 6;
 41 |     }
 42 | 
 43 |     if (e.deltaMode && e.deltaMode === 1) {
 44 |       // Firefox in deltaMode 1: Line scrolling
 45 |       deltaX *= 10;
 46 |       deltaY *= 10;
 47 |     }
 48 | 
 49 |     if (deltaX !== deltaX && deltaY !== deltaY/* NaN checks */) {
 50 |       // IE in some mouse drivers
 51 |       deltaX = 0;
 52 |       deltaY = e.wheelDelta;
 53 |     }
 54 | 
 55 |     return [deltaX, deltaY];
 56 |   }
 57 | 
 58 |   function shouldBeConsumedByChild(deltaX, deltaY) {
 59 |     var child = element.querySelector('textarea:hover, select[multiple]:hover, .ps-child:hover');
 60 |     if (child) {
 61 |       if (child.tagName !== 'TEXTAREA' && !window.getComputedStyle(child).overflow.match(/(scroll|auto)/)) {
 62 |         return false;
 63 |       }
 64 | 
 65 |       var maxScrollTop = child.scrollHeight - child.clientHeight;
 66 |       if (maxScrollTop > 0) {
 67 |         if (!(child.scrollTop === 0 && deltaY > 0) && !(child.scrollTop === maxScrollTop && deltaY < 0)) {
 68 |           return true;
 69 |         }
 70 |       }
 71 |       var maxScrollLeft = child.scrollLeft - child.clientWidth;
 72 |       if (maxScrollLeft > 0) {
 73 |         if (!(child.scrollLeft === 0 && deltaX < 0) && !(child.scrollLeft === maxScrollLeft && deltaX > 0)) {
 74 |           return true;
 75 |         }
 76 |       }
 77 |     }
 78 |     return false;
 79 |   }
 80 | 
 81 |   function mousewheelHandler(e) {
 82 |     var delta = getDeltaFromEvent(e);
 83 | 
 84 |     var deltaX = delta[0];
 85 |     var deltaY = delta[1];
 86 | 
 87 |     if (shouldBeConsumedByChild(deltaX, deltaY)) {
 88 |       return;
 89 |     }
 90 | 
 91 |     shouldPrevent = false;
 92 |     if (!i.settings.useBothWheelAxes) {
 93 |       // deltaX will only be used for horizontal scrolling and deltaY will
 94 |       // only be used for vertical scrolling - this is the default
 95 |       updateScroll(element, 'top', element.scrollTop - (deltaY * i.settings.wheelSpeed));
 96 |       updateScroll(element, 'left', element.scrollLeft + (deltaX * i.settings.wheelSpeed));
 97 |     } else if (i.scrollbarYActive && !i.scrollbarXActive) {
 98 |       // only vertical scrollbar is active and useBothWheelAxes option is
 99 |       // active, so let's scroll vertical bar using both mouse wheel axes
100 |       if (deltaY) {
101 |         updateScroll(element, 'top', element.scrollTop - (deltaY * i.settings.wheelSpeed));
102 |       } else {
103 |         updateScroll(element, 'top', element.scrollTop + (deltaX * i.settings.wheelSpeed));
104 |       }
105 |       shouldPrevent = true;
106 |     } else if (i.scrollbarXActive && !i.scrollbarYActive) {
107 |       // useBothWheelAxes and only horizontal bar is active, so use both
108 |       // wheel axes for horizontal bar
109 |       if (deltaX) {
110 |         updateScroll(element, 'left', element.scrollLeft + (deltaX * i.settings.wheelSpeed));
111 |       } else {
112 |         updateScroll(element, 'left', element.scrollLeft - (deltaY * i.settings.wheelSpeed));
113 |       }
114 |       shouldPrevent = true;
115 |     }
116 | 
117 |     updateGeometry(element);
118 | 
119 |     shouldPrevent = (shouldPrevent || shouldPreventDefault(deltaX, deltaY));
120 |     if (shouldPrevent) {
121 |       e.stopPropagation();
122 |       e.preventDefault();
123 |     }
124 |   }
125 | 
126 |   if (typeof window.onwheel !== "undefined") {
127 |     i.event.bind(element, 'wheel', mousewheelHandler);
128 |   } else if (typeof window.onmousewheel !== "undefined") {
129 |     i.event.bind(element, 'mousewheel', mousewheelHandler);
130 |   }
131 | }
132 | 
133 | module.exports = function (element) {
134 |   var i = instances.get(element);
135 |   bindMouseWheelHandler(element, i);
136 | };
137 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/plugin/handler/native-scroll.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | var instances = require('../instances');
 4 | var updateGeometry = require('../update-geometry');
 5 | 
 6 | function bindNativeScrollHandler(element, i) {
 7 |   i.event.bind(element, 'scroll', function () {
 8 |     updateGeometry(element);
 9 |   });
10 | }
11 | 
12 | module.exports = function (element) {
13 |   var i = instances.get(element);
14 |   bindNativeScrollHandler(element, i);
15 | };
16 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/plugin/handler/selection.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | var _ = require('../../lib/helper');
  4 | var instances = require('../instances');
  5 | var updateGeometry = require('../update-geometry');
  6 | var updateScroll = require('../update-scroll');
  7 | 
  8 | function bindSelectionHandler(element, i) {
  9 |   function getRangeNode() {
 10 |     var selection = window.getSelection ? window.getSelection() :
 11 |                     document.getSelection ? document.getSelection() : '';
 12 |     if (selection.toString().length === 0) {
 13 |       return null;
 14 |     } else {
 15 |       return selection.getRangeAt(0).commonAncestorContainer;
 16 |     }
 17 |   }
 18 | 
 19 |   var scrollingLoop = null;
 20 |   var scrollDiff = {top: 0, left: 0};
 21 |   function startScrolling() {
 22 |     if (!scrollingLoop) {
 23 |       scrollingLoop = setInterval(function () {
 24 |         if (!instances.get(element)) {
 25 |           clearInterval(scrollingLoop);
 26 |           return;
 27 |         }
 28 | 
 29 |         updateScroll(element, 'top', element.scrollTop + scrollDiff.top);
 30 |         updateScroll(element, 'left', element.scrollLeft + scrollDiff.left);
 31 |         updateGeometry(element);
 32 |       }, 50); // every .1 sec
 33 |     }
 34 |   }
 35 |   function stopScrolling() {
 36 |     if (scrollingLoop) {
 37 |       clearInterval(scrollingLoop);
 38 |       scrollingLoop = null;
 39 |     }
 40 |     _.stopScrolling(element);
 41 |   }
 42 | 
 43 |   var isSelected = false;
 44 |   i.event.bind(i.ownerDocument, 'selectionchange', function () {
 45 |     if (element.contains(getRangeNode())) {
 46 |       isSelected = true;
 47 |     } else {
 48 |       isSelected = false;
 49 |       stopScrolling();
 50 |     }
 51 |   });
 52 |   i.event.bind(window, 'mouseup', function () {
 53 |     if (isSelected) {
 54 |       isSelected = false;
 55 |       stopScrolling();
 56 |     }
 57 |   });
 58 | 
 59 |   i.event.bind(window, 'mousemove', function (e) {
 60 |     if (isSelected) {
 61 |       var mousePosition = {x: e.pageX, y: e.pageY};
 62 |       var containerGeometry = {
 63 |         left: element.offsetLeft,
 64 |         right: element.offsetLeft + element.offsetWidth,
 65 |         top: element.offsetTop,
 66 |         bottom: element.offsetTop + element.offsetHeight
 67 |       };
 68 | 
 69 |       if (mousePosition.x < containerGeometry.left + 3) {
 70 |         scrollDiff.left = -5;
 71 |         _.startScrolling(element, 'x');
 72 |       } else if (mousePosition.x > containerGeometry.right - 3) {
 73 |         scrollDiff.left = 5;
 74 |         _.startScrolling(element, 'x');
 75 |       } else {
 76 |         scrollDiff.left = 0;
 77 |       }
 78 | 
 79 |       if (mousePosition.y < containerGeometry.top + 3) {
 80 |         if (containerGeometry.top + 3 - mousePosition.y < 5) {
 81 |           scrollDiff.top = -5;
 82 |         } else {
 83 |           scrollDiff.top = -20;
 84 |         }
 85 |         _.startScrolling(element, 'y');
 86 |       } else if (mousePosition.y > containerGeometry.bottom - 3) {
 87 |         if (mousePosition.y - containerGeometry.bottom + 3 < 5) {
 88 |           scrollDiff.top = 5;
 89 |         } else {
 90 |           scrollDiff.top = 20;
 91 |         }
 92 |         _.startScrolling(element, 'y');
 93 |       } else {
 94 |         scrollDiff.top = 0;
 95 |       }
 96 | 
 97 |       if (scrollDiff.top === 0 && scrollDiff.left === 0) {
 98 |         stopScrolling();
 99 |       } else {
100 |         startScrolling();
101 |       }
102 |     }
103 |   });
104 | }
105 | 
106 | module.exports = function (element) {
107 |   var i = instances.get(element);
108 |   bindSelectionHandler(element, i);
109 | };
110 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/plugin/handler/touch.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | var _ = require('../../lib/helper');
  4 | var instances = require('../instances');
  5 | var updateGeometry = require('../update-geometry');
  6 | var updateScroll = require('../update-scroll');
  7 | 
  8 | function bindTouchHandler(element, i, supportsTouch, supportsIePointer) {
  9 |   function shouldPreventDefault(deltaX, deltaY) {
 10 |     var scrollTop = element.scrollTop;
 11 |     var scrollLeft = element.scrollLeft;
 12 |     var magnitudeX = Math.abs(deltaX);
 13 |     var magnitudeY = Math.abs(deltaY);
 14 | 
 15 |     if (magnitudeY > magnitudeX) {
 16 |       // user is perhaps trying to swipe up/down the page
 17 | 
 18 |       if (((deltaY < 0) && (scrollTop === i.contentHeight - i.containerHeight)) ||
 19 |           ((deltaY > 0) && (scrollTop === 0))) {
 20 |         return !i.settings.swipePropagation;
 21 |       }
 22 |     } else if (magnitudeX > magnitudeY) {
 23 |       // user is perhaps trying to swipe left/right across the page
 24 | 
 25 |       if (((deltaX < 0) && (scrollLeft === i.contentWidth - i.containerWidth)) ||
 26 |           ((deltaX > 0) && (scrollLeft === 0))) {
 27 |         return !i.settings.swipePropagation;
 28 |       }
 29 |     }
 30 | 
 31 |     return true;
 32 |   }
 33 | 
 34 |   function applyTouchMove(differenceX, differenceY) {
 35 |     updateScroll(element, 'top', element.scrollTop - differenceY);
 36 |     updateScroll(element, 'left', element.scrollLeft - differenceX);
 37 | 
 38 |     updateGeometry(element);
 39 |   }
 40 | 
 41 |   var startOffset = {};
 42 |   var startTime = 0;
 43 |   var speed = {};
 44 |   var easingLoop = null;
 45 |   var inGlobalTouch = false;
 46 |   var inLocalTouch = false;
 47 | 
 48 |   function globalTouchStart() {
 49 |     inGlobalTouch = true;
 50 |   }
 51 |   function globalTouchEnd() {
 52 |     inGlobalTouch = false;
 53 |   }
 54 | 
 55 |   function getTouch(e) {
 56 |     if (e.targetTouches) {
 57 |       return e.targetTouches[0];
 58 |     } else {
 59 |       // Maybe IE pointer
 60 |       return e;
 61 |     }
 62 |   }
 63 |   function shouldHandle(e) {
 64 |     if (e.targetTouches && e.targetTouches.length === 1) {
 65 |       return true;
 66 |     }
 67 |     if (e.pointerType && e.pointerType !== 'mouse' && e.pointerType !== e.MSPOINTER_TYPE_MOUSE) {
 68 |       return true;
 69 |     }
 70 |     return false;
 71 |   }
 72 |   function touchStart(e) {
 73 |     if (shouldHandle(e)) {
 74 |       inLocalTouch = true;
 75 | 
 76 |       var touch = getTouch(e);
 77 | 
 78 |       startOffset.pageX = touch.pageX;
 79 |       startOffset.pageY = touch.pageY;
 80 | 
 81 |       startTime = (new Date()).getTime();
 82 | 
 83 |       if (easingLoop !== null) {
 84 |         clearInterval(easingLoop);
 85 |       }
 86 | 
 87 |       e.stopPropagation();
 88 |     }
 89 |   }
 90 |   function touchMove(e) {
 91 |     if (!inLocalTouch && i.settings.swipePropagation) {
 92 |       touchStart(e);
 93 |     }
 94 |     if (!inGlobalTouch && inLocalTouch && shouldHandle(e)) {
 95 |       var touch = getTouch(e);
 96 | 
 97 |       var currentOffset = {pageX: touch.pageX, pageY: touch.pageY};
 98 | 
 99 |       var differenceX = currentOffset.pageX - startOffset.pageX;
100 |       var differenceY = currentOffset.pageY - startOffset.pageY;
101 | 
102 |       applyTouchMove(differenceX, differenceY);
103 |       startOffset = currentOffset;
104 | 
105 |       var currentTime = (new Date()).getTime();
106 | 
107 |       var timeGap = currentTime - startTime;
108 |       if (timeGap > 0) {
109 |         speed.x = differenceX / timeGap;
110 |         speed.y = differenceY / timeGap;
111 |         startTime = currentTime;
112 |       }
113 | 
114 |       if (shouldPreventDefault(differenceX, differenceY)) {
115 |         e.stopPropagation();
116 |         e.preventDefault();
117 |       }
118 |     }
119 |   }
120 |   function touchEnd() {
121 |     if (!inGlobalTouch && inLocalTouch) {
122 |       inLocalTouch = false;
123 | 
124 |       clearInterval(easingLoop);
125 |       easingLoop = setInterval(function () {
126 |         if (!instances.get(element)) {
127 |           clearInterval(easingLoop);
128 |           return;
129 |         }
130 | 
131 |         if (!speed.x && !speed.y) {
132 |           clearInterval(easingLoop);
133 |           return;
134 |         }
135 | 
136 |         if (Math.abs(speed.x) < 0.01 && Math.abs(speed.y) < 0.01) {
137 |           clearInterval(easingLoop);
138 |           return;
139 |         }
140 | 
141 |         applyTouchMove(speed.x * 30, speed.y * 30);
142 | 
143 |         speed.x *= 0.8;
144 |         speed.y *= 0.8;
145 |       }, 10);
146 |     }
147 |   }
148 | 
149 |   if (supportsTouch) {
150 |     i.event.bind(window, 'touchstart', globalTouchStart);
151 |     i.event.bind(window, 'touchend', globalTouchEnd);
152 |     i.event.bind(element, 'touchstart', touchStart);
153 |     i.event.bind(element, 'touchmove', touchMove);
154 |     i.event.bind(element, 'touchend', touchEnd);
155 |   }
156 | 
157 |   if (supportsIePointer) {
158 |     if (window.PointerEvent) {
159 |       i.event.bind(window, 'pointerdown', globalTouchStart);
160 |       i.event.bind(window, 'pointerup', globalTouchEnd);
161 |       i.event.bind(element, 'pointerdown', touchStart);
162 |       i.event.bind(element, 'pointermove', touchMove);
163 |       i.event.bind(element, 'pointerup', touchEnd);
164 |     } else if (window.MSPointerEvent) {
165 |       i.event.bind(window, 'MSPointerDown', globalTouchStart);
166 |       i.event.bind(window, 'MSPointerUp', globalTouchEnd);
167 |       i.event.bind(element, 'MSPointerDown', touchStart);
168 |       i.event.bind(element, 'MSPointerMove', touchMove);
169 |       i.event.bind(element, 'MSPointerUp', touchEnd);
170 |     }
171 |   }
172 | }
173 | 
174 | module.exports = function (element) {
175 |   if (!_.env.supportsTouch && !_.env.supportsIePointer) {
176 |     return;
177 |   }
178 | 
179 |   var i = instances.get(element);
180 |   bindTouchHandler(element, i, _.env.supportsTouch, _.env.supportsIePointer);
181 | };
182 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/plugin/initialize.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | var _ = require('../lib/helper');
 4 | var cls = require('../lib/class');
 5 | var instances = require('./instances');
 6 | var updateGeometry = require('./update-geometry');
 7 | 
 8 | // Handlers
 9 | var handlers = {
10 |   'click-rail': require('./handler/click-rail'),
11 |   'drag-scrollbar': require('./handler/drag-scrollbar'),
12 |   'keyboard': require('./handler/keyboard'),
13 |   'wheel': require('./handler/mouse-wheel'),
14 |   'touch': require('./handler/touch'),
15 |   'selection': require('./handler/selection')
16 | };
17 | var nativeScrollHandler = require('./handler/native-scroll');
18 | 
19 | module.exports = function (element, userSettings) {
20 |   userSettings = typeof userSettings === 'object' ? userSettings : {};
21 | 
22 |   cls.add(element, 'ps-container');
23 | 
24 |   // Create a plugin instance.
25 |   var i = instances.add(element);
26 | 
27 |   i.settings = _.extend(i.settings, userSettings);
28 |   cls.add(element, 'ps-theme-' + i.settings.theme);
29 | 
30 |   i.settings.handlers.forEach(function (handlerName) {
31 |     handlers[handlerName](element);
32 |   });
33 | 
34 |   nativeScrollHandler(element);
35 | 
36 |   updateGeometry(element);
37 | };
38 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/plugin/instances.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | var _ = require('../lib/helper');
  4 | var cls = require('../lib/class');
  5 | var defaultSettings = require('./default-setting');
  6 | var dom = require('../lib/dom');
  7 | var EventManager = require('../lib/event-manager');
  8 | var guid = require('../lib/guid');
  9 | 
 10 | var instances = {};
 11 | 
 12 | function Instance(element) {
 13 |   var i = this;
 14 | 
 15 |   i.settings = _.clone(defaultSettings);
 16 |   i.containerWidth = null;
 17 |   i.containerHeight = null;
 18 |   i.contentWidth = null;
 19 |   i.contentHeight = null;
 20 | 
 21 |   i.isRtl = dom.css(element, 'direction') === "rtl";
 22 |   i.isNegativeScroll = (function () {
 23 |     var originalScrollLeft = element.scrollLeft;
 24 |     var result = null;
 25 |     element.scrollLeft = -1;
 26 |     result = element.scrollLeft < 0;
 27 |     element.scrollLeft = originalScrollLeft;
 28 |     return result;
 29 |   })();
 30 |   i.negativeScrollAdjustment = i.isNegativeScroll ? element.scrollWidth - element.clientWidth : 0;
 31 |   i.event = new EventManager();
 32 |   i.ownerDocument = element.ownerDocument || document;
 33 | 
 34 |   function focus() {
 35 |     cls.add(element, 'ps-focus');
 36 |   }
 37 | 
 38 |   function blur() {
 39 |     cls.remove(element, 'ps-focus');
 40 |   }
 41 | 
 42 |   i.scrollbarXRail = dom.appendTo(dom.e('div', 'ps-scrollbar-x-rail'), element);
 43 |   i.scrollbarX = dom.appendTo(dom.e('div', 'ps-scrollbar-x'), i.scrollbarXRail);
 44 |   i.scrollbarX.setAttribute('tabindex', 0);
 45 |   i.event.bind(i.scrollbarX, 'focus', focus);
 46 |   i.event.bind(i.scrollbarX, 'blur', blur);
 47 |   i.scrollbarXActive = null;
 48 |   i.scrollbarXWidth = null;
 49 |   i.scrollbarXLeft = null;
 50 |   i.scrollbarXBottom = _.toInt(dom.css(i.scrollbarXRail, 'bottom'));
 51 |   i.isScrollbarXUsingBottom = i.scrollbarXBottom === i.scrollbarXBottom; // !isNaN
 52 |   i.scrollbarXTop = i.isScrollbarXUsingBottom ? null : _.toInt(dom.css(i.scrollbarXRail, 'top'));
 53 |   i.railBorderXWidth = _.toInt(dom.css(i.scrollbarXRail, 'borderLeftWidth')) + _.toInt(dom.css(i.scrollbarXRail, 'borderRightWidth'));
 54 |   // Set rail to display:block to calculate margins
 55 |   dom.css(i.scrollbarXRail, 'display', 'block');
 56 |   i.railXMarginWidth = _.toInt(dom.css(i.scrollbarXRail, 'marginLeft')) + _.toInt(dom.css(i.scrollbarXRail, 'marginRight'));
 57 |   dom.css(i.scrollbarXRail, 'display', '');
 58 |   i.railXWidth = null;
 59 |   i.railXRatio = null;
 60 | 
 61 |   i.scrollbarYRail = dom.appendTo(dom.e('div', 'ps-scrollbar-y-rail'), element);
 62 |   i.scrollbarY = dom.appendTo(dom.e('div', 'ps-scrollbar-y'), i.scrollbarYRail);
 63 |   i.scrollbarY.setAttribute('tabindex', 0);
 64 |   i.event.bind(i.scrollbarY, 'focus', focus);
 65 |   i.event.bind(i.scrollbarY, 'blur', blur);
 66 |   i.scrollbarYActive = null;
 67 |   i.scrollbarYHeight = null;
 68 |   i.scrollbarYTop = null;
 69 |   i.scrollbarYRight = _.toInt(dom.css(i.scrollbarYRail, 'right'));
 70 |   i.isScrollbarYUsingRight = i.scrollbarYRight === i.scrollbarYRight; // !isNaN
 71 |   i.scrollbarYLeft = i.isScrollbarYUsingRight ? null : _.toInt(dom.css(i.scrollbarYRail, 'left'));
 72 |   i.scrollbarYOuterWidth = i.isRtl ? _.outerWidth(i.scrollbarY) : null;
 73 |   i.railBorderYWidth = _.toInt(dom.css(i.scrollbarYRail, 'borderTopWidth')) + _.toInt(dom.css(i.scrollbarYRail, 'borderBottomWidth'));
 74 |   dom.css(i.scrollbarYRail, 'display', 'block');
 75 |   i.railYMarginHeight = _.toInt(dom.css(i.scrollbarYRail, 'marginTop')) + _.toInt(dom.css(i.scrollbarYRail, 'marginBottom'));
 76 |   dom.css(i.scrollbarYRail, 'display', '');
 77 |   i.railYHeight = null;
 78 |   i.railYRatio = null;
 79 | }
 80 | 
 81 | function getId(element) {
 82 |   return element.getAttribute('data-ps-id');
 83 | }
 84 | 
 85 | function setId(element, id) {
 86 |   element.setAttribute('data-ps-id', id);
 87 | }
 88 | 
 89 | function removeId(element) {
 90 |   element.removeAttribute('data-ps-id');
 91 | }
 92 | 
 93 | exports.add = function (element) {
 94 |   var newId = guid();
 95 |   setId(element, newId);
 96 |   instances[newId] = new Instance(element);
 97 |   return instances[newId];
 98 | };
 99 | 
100 | exports.remove = function (element) {
101 |   delete instances[getId(element)];
102 |   removeId(element);
103 | };
104 | 
105 | exports.get = function (element) {
106 |   return instances[getId(element)];
107 | };
108 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/plugin/update-geometry.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | var _ = require('../lib/helper');
  4 | var cls = require('../lib/class');
  5 | var dom = require('../lib/dom');
  6 | var instances = require('./instances');
  7 | var updateScroll = require('./update-scroll');
  8 | 
  9 | function getThumbSize(i, thumbSize) {
 10 |   if (i.settings.minScrollbarLength) {
 11 |     thumbSize = Math.max(thumbSize, i.settings.minScrollbarLength);
 12 |   }
 13 |   if (i.settings.maxScrollbarLength) {
 14 |     thumbSize = Math.min(thumbSize, i.settings.maxScrollbarLength);
 15 |   }
 16 |   return thumbSize;
 17 | }
 18 | 
 19 | function updateCss(element, i) {
 20 |   var xRailOffset = {width: i.railXWidth};
 21 |   if (i.isRtl) {
 22 |     xRailOffset.left = i.negativeScrollAdjustment + element.scrollLeft + i.containerWidth - i.contentWidth;
 23 |   } else {
 24 |     xRailOffset.left = element.scrollLeft;
 25 |   }
 26 |   if (i.isScrollbarXUsingBottom) {
 27 |     xRailOffset.bottom = i.scrollbarXBottom - element.scrollTop;
 28 |   } else {
 29 |     xRailOffset.top = i.scrollbarXTop + element.scrollTop;
 30 |   }
 31 |   dom.css(i.scrollbarXRail, xRailOffset);
 32 | 
 33 |   var yRailOffset = {top: element.scrollTop, height: i.railYHeight};
 34 |   if (i.isScrollbarYUsingRight) {
 35 |     if (i.isRtl) {
 36 |       yRailOffset.right = i.contentWidth - (i.negativeScrollAdjustment + element.scrollLeft) - i.scrollbarYRight - i.scrollbarYOuterWidth;
 37 |     } else {
 38 |       yRailOffset.right = i.scrollbarYRight - element.scrollLeft;
 39 |     }
 40 |   } else {
 41 |     if (i.isRtl) {
 42 |       yRailOffset.left = i.negativeScrollAdjustment + element.scrollLeft + i.containerWidth * 2 - i.contentWidth - i.scrollbarYLeft - i.scrollbarYOuterWidth;
 43 |     } else {
 44 |       yRailOffset.left = i.scrollbarYLeft + element.scrollLeft;
 45 |     }
 46 |   }
 47 |   dom.css(i.scrollbarYRail, yRailOffset);
 48 | 
 49 |   dom.css(i.scrollbarX, {left: i.scrollbarXLeft, width: i.scrollbarXWidth - i.railBorderXWidth});
 50 |   dom.css(i.scrollbarY, {top: i.scrollbarYTop, height: i.scrollbarYHeight - i.railBorderYWidth});
 51 | }
 52 | 
 53 | module.exports = function (element) {
 54 |   var i = instances.get(element);
 55 | 
 56 |   i.containerWidth = element.clientWidth;
 57 |   i.containerHeight = element.clientHeight;
 58 |   i.contentWidth = element.scrollWidth;
 59 |   i.contentHeight = element.scrollHeight;
 60 | 
 61 |   var existingRails;
 62 |   if (!element.contains(i.scrollbarXRail)) {
 63 |     existingRails = dom.queryChildren(element, '.ps-scrollbar-x-rail');
 64 |     if (existingRails.length > 0) {
 65 |       existingRails.forEach(function (rail) {
 66 |         dom.remove(rail);
 67 |       });
 68 |     }
 69 |     dom.appendTo(i.scrollbarXRail, element);
 70 |   }
 71 |   if (!element.contains(i.scrollbarYRail)) {
 72 |     existingRails = dom.queryChildren(element, '.ps-scrollbar-y-rail');
 73 |     if (existingRails.length > 0) {
 74 |       existingRails.forEach(function (rail) {
 75 |         dom.remove(rail);
 76 |       });
 77 |     }
 78 |     dom.appendTo(i.scrollbarYRail, element);
 79 |   }
 80 | 
 81 |   if (!i.settings.suppressScrollX && i.containerWidth + i.settings.scrollXMarginOffset < i.contentWidth) {
 82 |     i.scrollbarXActive = true;
 83 |     i.railXWidth = i.containerWidth - i.railXMarginWidth;
 84 |     i.railXRatio = i.containerWidth / i.railXWidth;
 85 |     i.scrollbarXWidth = getThumbSize(i, _.toInt(i.railXWidth * i.containerWidth / i.contentWidth));
 86 |     i.scrollbarXLeft = _.toInt((i.negativeScrollAdjustment + element.scrollLeft) * (i.railXWidth - i.scrollbarXWidth) / (i.contentWidth - i.containerWidth));
 87 |   } else {
 88 |     i.scrollbarXActive = false;
 89 |   }
 90 | 
 91 |   if (!i.settings.suppressScrollY && i.containerHeight + i.settings.scrollYMarginOffset < i.contentHeight) {
 92 |     i.scrollbarYActive = true;
 93 |     i.railYHeight = i.containerHeight - i.railYMarginHeight;
 94 |     i.railYRatio = i.containerHeight / i.railYHeight;
 95 |     i.scrollbarYHeight = getThumbSize(i, _.toInt(i.railYHeight * i.containerHeight / i.contentHeight));
 96 |     i.scrollbarYTop = _.toInt(element.scrollTop * (i.railYHeight - i.scrollbarYHeight) / (i.contentHeight - i.containerHeight));
 97 |   } else {
 98 |     i.scrollbarYActive = false;
 99 |   }
100 | 
101 |   if (i.scrollbarXLeft >= i.railXWidth - i.scrollbarXWidth) {
102 |     i.scrollbarXLeft = i.railXWidth - i.scrollbarXWidth;
103 |   }
104 |   if (i.scrollbarYTop >= i.railYHeight - i.scrollbarYHeight) {
105 |     i.scrollbarYTop = i.railYHeight - i.scrollbarYHeight;
106 |   }
107 | 
108 |   updateCss(element, i);
109 | 
110 |   if (i.scrollbarXActive) {
111 |     cls.add(element, 'ps-active-x');
112 |   } else {
113 |     cls.remove(element, 'ps-active-x');
114 |     i.scrollbarXWidth = 0;
115 |     i.scrollbarXLeft = 0;
116 |     updateScroll(element, 'left', 0);
117 |   }
118 |   if (i.scrollbarYActive) {
119 |     cls.add(element, 'ps-active-y');
120 |   } else {
121 |     cls.remove(element, 'ps-active-y');
122 |     i.scrollbarYHeight = 0;
123 |     i.scrollbarYTop = 0;
124 |     updateScroll(element, 'top', 0);
125 |   }
126 | };
127 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/plugin/update-scroll.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | var instances = require('./instances');
 4 | 
 5 | var lastTop;
 6 | var lastLeft;
 7 | 
 8 | var createDOMEvent = function (name) {
 9 |   var event = document.createEvent("Event");
10 |   event.initEvent(name, true, true);
11 |   return event;
12 | };
13 | 
14 | module.exports = function (element, axis, value) {
15 |   if (typeof element === 'undefined') {
16 |     throw 'You must provide an element to the update-scroll function';
17 |   }
18 | 
19 |   if (typeof axis === 'undefined') {
20 |     throw 'You must provide an axis to the update-scroll function';
21 |   }
22 | 
23 |   if (typeof value === 'undefined') {
24 |     throw 'You must provide a value to the update-scroll function';
25 |   }
26 | 
27 |   if (axis === 'top' && value <= 0) {
28 |     element.scrollTop = value = 0; // don't allow negative scroll
29 |     element.dispatchEvent(createDOMEvent('ps-y-reach-start'));
30 |   }
31 | 
32 |   if (axis === 'left' && value <= 0) {
33 |     element.scrollLeft = value = 0; // don't allow negative scroll
34 |     element.dispatchEvent(createDOMEvent('ps-x-reach-start'));
35 |   }
36 | 
37 |   var i = instances.get(element);
38 | 
39 |   if (axis === 'top' && value >= i.contentHeight - i.containerHeight) {
40 |     // don't allow scroll past container
41 |     value = i.contentHeight - i.containerHeight;
42 |     if (value - element.scrollTop <= 1) {
43 |       // mitigates rounding errors on non-subpixel scroll values
44 |       value = element.scrollTop;
45 |     } else {
46 |       element.scrollTop = value;
47 |     }
48 |     element.dispatchEvent(createDOMEvent('ps-y-reach-end'));
49 |   }
50 | 
51 |   if (axis === 'left' && value >= i.contentWidth - i.containerWidth) {
52 |     // don't allow scroll past container
53 |     value = i.contentWidth - i.containerWidth;
54 |     if (value - element.scrollLeft <= 1) {
55 |       // mitigates rounding errors on non-subpixel scroll values
56 |       value = element.scrollLeft;
57 |     } else {
58 |       element.scrollLeft = value;
59 |     }
60 |     element.dispatchEvent(createDOMEvent('ps-x-reach-end'));
61 |   }
62 | 
63 |   if (!lastTop) {
64 |     lastTop = element.scrollTop;
65 |   }
66 | 
67 |   if (!lastLeft) {
68 |     lastLeft = element.scrollLeft;
69 |   }
70 | 
71 |   if (axis === 'top' && value < lastTop) {
72 |     element.dispatchEvent(createDOMEvent('ps-scroll-up'));
73 |   }
74 | 
75 |   if (axis === 'top' && value > lastTop) {
76 |     element.dispatchEvent(createDOMEvent('ps-scroll-down'));
77 |   }
78 | 
79 |   if (axis === 'left' && value < lastLeft) {
80 |     element.dispatchEvent(createDOMEvent('ps-scroll-left'));
81 |   }
82 | 
83 |   if (axis === 'left' && value > lastLeft) {
84 |     element.dispatchEvent(createDOMEvent('ps-scroll-right'));
85 |   }
86 | 
87 |   if (axis === 'top') {
88 |     element.scrollTop = lastTop = value;
89 |     element.dispatchEvent(createDOMEvent('ps-scroll-y'));
90 |   }
91 | 
92 |   if (axis === 'left') {
93 |     element.scrollLeft = lastLeft = value;
94 |     element.dispatchEvent(createDOMEvent('ps-scroll-x'));
95 |   }
96 | 
97 | };
98 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/perfect-scrollbar/plugin/update.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | var _ = require('../lib/helper');
 4 | var dom = require('../lib/dom');
 5 | var instances = require('./instances');
 6 | var updateGeometry = require('./update-geometry');
 7 | var updateScroll = require('./update-scroll');
 8 | 
 9 | module.exports = function (element) {
10 |   var i = instances.get(element);
11 | 
12 |   if (!i) {
13 |     return;
14 |   }
15 | 
16 |   // Recalcuate negative scrollLeft adjustment
17 |   i.negativeScrollAdjustment = i.isNegativeScroll ? element.scrollWidth - element.clientWidth : 0;
18 | 
19 |   // Recalculate rail margins
20 |   dom.css(i.scrollbarXRail, 'display', 'block');
21 |   dom.css(i.scrollbarYRail, 'display', 'block');
22 |   i.railXMarginWidth = _.toInt(dom.css(i.scrollbarXRail, 'marginLeft')) + _.toInt(dom.css(i.scrollbarXRail, 'marginRight'));
23 |   i.railYMarginHeight = _.toInt(dom.css(i.scrollbarYRail, 'marginTop')) + _.toInt(dom.css(i.scrollbarYRail, 'marginBottom'));
24 | 
25 |   // Hide scrollbars not to affect scrollWidth and scrollHeight
26 |   dom.css(i.scrollbarXRail, 'display', 'none');
27 |   dom.css(i.scrollbarYRail, 'display', 'none');
28 | 
29 |   updateGeometry(element);
30 | 
31 |   // Update top/left scroll to trigger events
32 |   updateScroll(element, 'top', element.scrollTop);
33 |   updateScroll(element, 'left', element.scrollLeft);
34 | 
35 |   dom.css(i.scrollbarXRail, 'display', '');
36 |   dom.css(i.scrollbarYRail, 'display', '');
37 | };
38 | 


--------------------------------------------------------------------------------
/src/components/scrollbar/scrollbar.vue:
--------------------------------------------------------------------------------
  1 | <!--
  2 |  - Author : chenyliu.
  3 |  - Date   : 2016/9/3.
  4 |  - File   : scrollbar.vue.
  5 |  -->
  6 | <template>
  7 |   <div :class="classes" @click="hello">
  8 |     <slot></slot>
  9 |   </div>
 10 | </template>
 11 | 
 12 | <script>
 13 |   var Ps = require('./perfect-scrollbar');
 14 |   export default {
 15 |     props: {
 16 |       initParams: {
 17 |         type: Object,
 18 |         default: function() {
 19 |           return {
 20 |             handlers: ['click-rail', 'drag-scrollbar', 'keyboard', 'wheel', 'touch'],
 21 |             maxScrollbarLength: null,
 22 |             minScrollbarLength: null,
 23 |             scrollXMarginOffset: 0,
 24 |             scrollYMarginOffset: 0,
 25 |             stopPropagationOnClick: true,
 26 |             suppressScrollX: false,
 27 |             suppressScrollY: false,
 28 |             swipePropagation: true,
 29 |             useBothWheelAxes: false,
 30 |             wheelPropagation: false,
 31 |             wheelSpeed: 1,
 32 |             theme: 'default'
 33 |           }
 34 |         }
 35 |       },
 36 |       classes: {
 37 |         type: String,
 38 |         default: ''
 39 |       }
 40 |     },
 41 |     methods: {
 42 |       hello() {
 43 |         console.log(this);
 44 |       }
 45 |     },
 46 |     mounted() {
 47 |       console.log('test');
 48 |       Ps.initialize(this.$el, this.initParams);
 49 |     }
 50 |   }
 51 | </script>
 52 | 
 53 | <style lang="less">
 54 |   .ps-container {
 55 |     -ms-touch-action: none;
 56 |     touch-action: none;
 57 |     overflow: hidden !important;
 58 |     -ms-overflow-style: none;
 59 | 
 60 |     > .ps-scrollbar-x-rail {
 61 |       display: none;
 62 |       position: absolute;
 63 |       opacity: 0;
 64 |       -webkit-transition: background-color .2s linear, opacity .2s linear;
 65 |       -moz-transition: background-color .2s linear, opacity .2s linear;
 66 |       -o-transition: background-color .2s linear, opacity .2s linear;
 67 |       transition: background-color .2s linear, opacity .2s linear;
 68 |       bottom: 0px;
 69 |       height: 11px;
 70 | 
 71 |       > .ps-scrollbar-x {
 72 |         position: absolute;
 73 |         background-color: #aaa;
 74 |         -webkit-border-radius: 6px;
 75 |         -moz-border-radius: 6px;
 76 |         border-radius: 6px;
 77 |         -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
 78 |         transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
 79 |         -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
 80 |         -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
 81 |         transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
 82 |         transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
 83 |         bottom: 2px;
 84 |         height: 6px;
 85 |       }
 86 |       &:hover {
 87 |         > .ps-scrollbar-x {
 88 |           height: 7px;
 89 |         }
 90 |       }
 91 |       &:active {
 92 |         > .ps-scrollbar-x {
 93 |           height: 7px;
 94 |         }
 95 |       }
 96 |     }
 97 |     > .ps-scrollbar-y-rail {
 98 |       display: none;
 99 |       position: absolute;
100 |       opacity: 0;
101 |       -webkit-transition: background-color .2s linear, opacity .2s linear;
102 |       -moz-transition: background-color .2s linear, opacity .2s linear;
103 |       -o-transition: background-color .2s linear, opacity .2s linear;
104 |       transition: background-color .2s linear, opacity .2s linear;
105 |       right: 0;
106 |       width: 11px;
107 | 
108 |       > .ps-scrollbar-y {
109 |         position: absolute;
110 |         background-color: #aaa;
111 |         -webkit-border-radius: 6px;
112 |         -moz-border-radius: 6px;
113 |         border-radius: 6px;
114 |         -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
115 |         transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
116 |         -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
117 |         -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
118 |         transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
119 |         transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
120 |         right: 2px;
121 |         width: 6px;
122 |       }
123 |       &:hover {
124 |         > .ps-scrollbar-y {
125 |           width: 7px;
126 |         }
127 |       }
128 |       &:active {
129 |         > .ps-scrollbar-y {
130 |           width: 7px;
131 |         }
132 |       }
133 |     }
134 |     &:hover.ps-in-scrolling {
135 |       pointer-events: none;
136 |     }
137 |     &:hover.ps-in-scrolling.ps-x {
138 |       > .ps-scrollbar-x-rail {
139 |         background-color: #eee;
140 |         opacity: 0.9;
141 | 
142 |         > .ps-scrollbar-x {
143 |           background-color: #999;
144 |         }
145 |       }
146 |     }
147 |     &:hover.ps-in-scrolling.ps-y {
148 |       > .ps-scrollbar-y-rail {
149 |         background-color: #eee;
150 |         opacity: 0.9;
151 | 
152 |         > .ps-scrollbar-y {
153 |           background-color: #999;
154 |         }
155 |       }
156 |     }
157 |     &:hover {
158 |       > .ps-scrollbar-x-rail {
159 |         opacity: 0.6;
160 | 
161 |         &:hover {
162 |           background-color: #eee;
163 |           opacity: 0.9;
164 | 
165 |           > .ps-scrollbar-x {
166 |             background-color: #999;
167 |           }
168 |         }
169 |       }
170 |       > .ps-scrollbar-y-rail {
171 |         opacity: 0.6;
172 | 
173 |         &:hover {
174 |           background-color: #eee;
175 |           opacity: 0.9;
176 | 
177 |           > .ps-scrollbar-y {
178 |             background-color: #999;
179 |           }
180 |         }
181 |       }
182 |     }
183 |   }
184 | 
185 |   .ps-container.ps-active-x {
186 |     > .ps-scrollbar-x-rail {
187 |       display: block;
188 |       background-color: transparent;
189 |     }
190 |   }
191 | 
192 |   .ps-container.ps-active-y {
193 |     > .ps-scrollbar-y-rail {
194 |       display: block;
195 |       background-color: transparent;
196 |     }
197 |   }
198 | 
199 |   .ps-container.ps-in-scrolling {
200 |     pointer-events: none;
201 |   }
202 | 
203 |   .ps-container.ps-in-scrolling.ps-x {
204 |     > .ps-scrollbar-x-rail {
205 |       background-color: #eee;
206 |       opacity: 0.9;
207 | 
208 |       > .ps-scrollbar-x {
209 |         background-color: #999;
210 |       }
211 |     }
212 |   }
213 | 
214 |   .ps-container.ps-in-scrolling.ps-y {
215 |     > .ps-scrollbar-y-rail {
216 |       background-color: #eee;
217 |       opacity: 0.9;
218 | 
219 |       > .ps-scrollbar-y {
220 |         background-color: #999;
221 |       }
222 |     }
223 |   }
224 | 
225 |   @supports (-ms-overflow-style:none) {
226 |     .ps-container {
227 |       overflow: auto !important;
228 |     }
229 |   }
230 | 
231 |   @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
232 |     .ps-container {
233 |       overflow: auto !important;
234 |     }
235 |   }
236 | </style>
237 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import App from './App.vue'
3 | 
4 | new Vue({
5 |   el: '#app',
6 |   render: h => h(App)
7 | })
8 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | var path = require('path')
 2 | var webpack = require('webpack')
 3 | 
 4 | module.exports = {
 5 |   entry: './src/main.js',
 6 |   output: {
 7 |     path: path.resolve(__dirname, './dist'),
 8 |     publicPath: '/dist/',
 9 |     filename: 'build.js'
10 |   },
11 |   resolve: {
12 |     modules: [__dirname, 'node_modules'],
13 |     alias: {vue: 'vue/dist/vue.js'}
14 |   },
15 |   module: {
16 |     rules: [
17 |       {
18 |         test: /\.vue$/,
19 |         use: 'vue-loader'
20 |       },
21 |       {
22 |         test: /\.js$/,
23 |         use: 'babel-loader',
24 |         exclude: /node_modules/
25 |       },
26 |       {
27 |         test: /\.(png|jpg|gif|svg)$/,
28 |         use: 'file-loader?[name].[ext]?[hash]'
29 |       },
30 |       {
31 |         test: /\.less$/,
32 |         use: "style-loader!css!less"
33 |       }
34 |     ]
35 |   },
36 |   devServer: {
37 |     historyApiFallback: true,
38 |     noInfo: true
39 |   },
40 |   devtool: '#eval-source-map'
41 | }
42 | 
43 | if (process.env.NODE_ENV === 'production') {
44 |   module.exports.devtool = '#source-map'
45 |   // http://vue-loader.vuejs.org/en/workflow/production.html
46 |   module.exports.plugins = (module.exports.plugins || []).concat([
47 |     new webpack.DefinePlugin({
48 |       'process.env': {
49 |         NODE_ENV: '"production"'
50 |       }
51 |     }),
52 |     new webpack.optimize.UglifyJsPlugin({
53 |       compress: {
54 |         warnings: false
55 |       }
56 |     })
57 |   ])
58 | }
59 | 


--------------------------------------------------------------------------------