├── .gitignore
├── .babelrc
├── examples-src
    ├── index.js
    └── App.vue
├── release-minor.bat
├── release-patch.bat
├── .editorconfig
├── src
    ├── index.js
    └── components
    │   └── Spinner.vue
├── LICENSE
├── examples
    ├── index.html
    └── examples.bundle.js
├── index.html
├── package.json
├── README.md
└── dist
    ├── vue-simple-spinner.min.js
    └── vue-simple-spinner.js


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


--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": ["env"],
3 |   "plugins": [
4 |     "transform-object-rest-spread"
5 |   ],
6 |   "comments": false
7 | }
8 | 


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


--------------------------------------------------------------------------------
/release-minor.bat:
--------------------------------------------------------------------------------
1 | call npm version minor
2 | call yarn
3 | call yarn run build
4 | call git add package.json
5 | echo **** Don't forget to update the `gh-pages` branch and run `npm publish` ****
6 | 


--------------------------------------------------------------------------------
/release-patch.bat:
--------------------------------------------------------------------------------
1 | call npm version patch
2 | call yarn
3 | call yarn run build
4 | call git add package.json
5 | echo **** Don't forget to update the `gh-pages` branch and run `npm publish` ****
6 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | charset = utf-8
 5 | end_of_line = lf
 6 | insert_final_newline = true
 7 | indent_style = space
 8 | indent_size = 2
 9 | trim_trailing_whitespace = true
10 | 
11 | [*.md]
12 | trim_trailing_whitespace = false
13 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import VueSimpleSpinner from './components/Spinner.vue'
 2 | 
 3 | // expose component to global scope
 4 | if (typeof window !== 'undefined' && window.Vue) {
 5 |   Vue.component('vue-simple-spinner', VueSimpleSpinner)
 6 | }
 7 | 
 8 | export { VueSimpleSpinner }
 9 | 
10 | export default VueSimpleSpinner
11 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 Dave Williams
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/examples/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>vue-simple-spinner - A simple, flexible spinner for Vue.js</title>
 6 |     <meta http-equiv="x-ua-compatible" content="ie=edge">
 7 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 8 | 
 9 |     <meta name="description" content="A simple, flexible spinner for Vue.js">
10 | 
11 |     <meta name="twitter:title" content="dzwillia/vue-simple-spinner">
12 |     <meta name="twitter:description" content="A simple, flexible spinner for Vue.js">
13 | 
14 |     <meta property="og:title" content="dzwillia/vue-simple-spinner">
15 |     <meta property="og:url" content="https://github.com/dzwillia/vue-simple-spinner/">
16 |     <meta property="og:description" content="A simple, flexible spinner for Vue.js">
17 | 
18 |     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
19 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700">
20 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tachyons/4.6.1/tachyons.min.css" integrity="sha256-eu1dpzpUytdOAUmB67Qi3mBb6HFjruP8BoAzk4lKiSc=" crossorigin="anonymous" />
21 |   </head>
22 |   <body>
23 |     <div id="app"></div>
24 |     <script src="examples.bundle.js"></script>
25 |   </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>vue-simple-spinner - A simple, flexible spinner for Vue.js</title>
 6 |     <meta http-equiv="x-ua-compatible" content="ie=edge">
 7 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 8 | 
 9 |     <meta name="description" content="A simple, flexible spinner for Vue.js">
10 | 
11 |     <meta name="twitter:title" content="dzwillia/vue-simple-spinner">
12 |     <meta name="twitter:description" content="A simple, flexible spinner for Vue.js">
13 | 
14 |     <meta property="og:title" content="dzwillia/vue-simple-spinner">
15 |     <meta property="og:url" content="https://github.com/dzwillia/vue-simple-spinner/">
16 |     <meta property="og:description" content="A simple, flexible spinner for Vue.js">
17 | 
18 |     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
19 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700">
20 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tachyons/4.6.1/tachyons.min.css" integrity="sha256-eu1dpzpUytdOAUmB67Qi3mBb6HFjruP8BoAzk4lKiSc=" crossorigin="anonymous" />
21 |     <style>
22 |       body { padding: 40px }
23 |     </style>
24 |   </head>
25 |   <body>
26 |     <div id="app">
27 |       <vue-simple-spinner></vue-simple-spinner>
28 |       <vue-simple-spinner class="mt4" message="Loading..."></vue-simple-spinner>
29 |     </div>
30 | 
31 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.6/vue.js"></script>
32 |     <script src="dist/vue-simple-spinner.min.js"></script>
33 |     <script>
34 |       new Vue({
35 |         el: '#app'
36 |       });
37 |     </script>
38 |   </body>
39 | </html>
40 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue-simple-spinner",
 3 |   "version": "1.2.10",
 4 |   "description": "A simple, flexible spinner for Vue.js",
 5 |   "author": "David Z. Williams <dave@flex.io>",
 6 |   "main": "dist/vue-simple-spinner.js",
 7 |   "scripts": {
 8 |     "dev": "cross-env NODE_ENV=development webpack-dev-server --config ./build/webpack.dev.js --open --inline --hot",
 9 |     "build:debug": "cross-env NODE_ENV=debug webpack --config build/webpack.dist.js",
10 |     "build:release": "cross-env NODE_ENV=production webpack --config build/webpack.dist.js",
11 |     "build:examples": "webpack --config build/webpack.examples.js",
12 |     "build": "npm run build:debug && npm run build:release && npm run build:examples",
13 |     "clean": "rimraf ./examples/examples.bundle.css ./examples/examples.bundle.js"
14 |   },
15 |   "repository": {
16 |     "type": "git",
17 |     "url": "git+https://github.com/dzwillia/vue-simple-spinner.git"
18 |   },
19 |   "keywords": [
20 |     "vue",
21 |     "vuejs",
22 |     "ui",
23 |     "components",
24 |     "spinner",
25 |     "progress"
26 |   ],
27 |   "license": "MIT",
28 |   "bugs": {
29 |     "url": "https://github.com/dzwillia/vue-simple-spinner/issues"
30 |   },
31 |   "homepage": "https://github.com/dzwillia/vue-simple-spinner/",
32 |   "dependencies": {},
33 |   "devDependencies": {
34 |     "autoprefixer": "^6.7.7",
35 |     "babel-core": "^6.0.0",
36 |     "babel-loader": "^7.1.2",
37 |     "babel-plugin-transform-object-rest-spread": "^6.26.0",
38 |     "babel-preset-env": "^1.6.1",
39 |     "cross-env": "^3.0.0",
40 |     "css-loader": "^0.25.0",
41 |     "deep-assign": "^2.0.0",
42 |     "extract-text-webpack-plugin": "^3.0.0",
43 |     "node-sass": "^4.7.2",
44 |     "rimraf": "^2.6.1",
45 |     "sass-loader": "^6.0.6",
46 |     "vue": "^2.2.6",
47 |     "vue-loader": "^11.3.3",
48 |     "vue-style-loader": "^3.0.0",
49 |     "vue-template-compiler": "^2.2.6",
50 |     "webpack": "^3.5.6",
51 |     "webpack-bundle-analyzer": "^2.2.1",
52 |     "webpack-dev-server": "^2.7.1"
53 |   }
54 | }
55 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # vue-simple-spinner
  2 | > A simple, flexible spinner for Vue.js
  3 | 
  4 | vue-simple-spinner is designed to be a lightweight [Vue.js](http://vuejs.org) spinner requiring minimal configuration.
  5 | 
  6 | ## Documentation
  7 | [https://github.com/dzwillia/vue-simple-spinner/](https://github.com/dzwillia/vue-simple-spinner/)
  8 | 
  9 | ## Demo
 10 | 
 11 | [https://dzwillia.github.io/vue-simple-spinner/examples](https://dzwillia.github.io/vue-simple-spinner/examples)
 12 | 
 13 | ## Requirements
 14 | * [Vue.js](http://vuejs.org/) (^v2.1.4)
 15 | 
 16 | ## Browser support
 17 | IE 10+ (due to [CSS animation support](https://caniuse.com/#feat=css-animation)).
 18 | 
 19 | ## Installation
 20 | 
 21 | ### NPM
 22 | 
 23 | ```bash
 24 | npm install vue-simple-spinner --save
 25 | ```
 26 | 
 27 | ## Usage
 28 | > All styling for this component is done via computed styles in the `Spinner.vue` component and requires no external CSS files.
 29 | 
 30 | ### ES6
 31 | 
 32 | *The following examples can also be used with CommonJS by replacing ES6-specific syntax with CommonJS equivalents.*
 33 | 
 34 | ```js
 35 | import Vue from 'vue'
 36 | import Spinner from 'vue-simple-spinner'
 37 | 
 38 | new Vue({
 39 |   components: {
 40 |     Spinner
 41 |   }
 42 | })
 43 | ```
 44 | 
 45 | ### Globals (script tag)
 46 | 
 47 | Add a script tag pointing to `dist/vue-simple-spinner.min.js` *after* adding Vue.
 48 | 
 49 | Example:
 50 | 
 51 | ```html
 52 | <html>
 53 | <head>
 54 |   ...
 55 | </head>
 56 | <body>
 57 |   <div id="app">
 58 |     <vue-simple-spinner></vue-simple-spinner>
 59 |   </div>
 60 | 
 61 |   <script src="path/to/vue.js"></script>
 62 |   <script src="path/to/vue-simple-spinner.js"></script>
 63 |   <script>
 64 |     new Vue({
 65 |       el: '#app'
 66 |     })
 67 |   </script>
 68 | </body>
 69 | </html>
 70 | ```
 71 | 
 72 | ## Examples
 73 | 
 74 | ### Medium size
 75 | ```
 76 | <vue-simple-spinner size="medium" />
 77 | ```
 78 | 
 79 | ### Custom line color
 80 | ```
 81 | <vue-simple-spinner line-fg-color="#009900" />
 82 | ```
 83 | 
 84 | ### Custom font size and message
 85 | ```
 86 | <vue-simple-spinner spacing="55" message="I'm 55px below the vue-simple-spinner" />
 87 | ```
 88 | 
 89 | [More live code examples on JSFiddle](http://jsfiddle.net/dzwillia/kc5ka8zu)
 90 | 
 91 | ## Options
 92 | 
 93 | | Props          | Type             | Values                                         | Default          |
 94 | | -------------- |:-----------------|:-----------------------------------------------|:-----------------|
 95 | | size           | Number \| String | tiny, small, medium, large, huge, massive, {n} | 32               |
 96 | | line-size      | Number           | Any Number                                     | 3                |
 97 | | line-bg-color  | String           | Color                                          | #eee             |
 98 | | line-fg-color  | String           | Color                                          | #2196f3          |
 99 | | speed          | Number           | Number (in seconds)                            | 0.8              |
100 | | spacing        | Number           | Number (in pixels)                             | 4                |
101 | | message        | String           | Text to display                                | _(empty string)_ |
102 | | font-size      | Number           | Number (in pixels)                             | 13               |
103 | | text-fg-color  | String           | Color                                          | #555             |
104 | 
105 | ## License
106 | vue-simple-spinner is open source and released under the [MIT License](LICENSE).
107 | 
108 | Copyright (c) 2017 [David Z Williams](https://twitter.com/padredaveo).
109 | 
110 | > *PS: I would love to know if you're using vue-simple-spinner. Tweet to me at [@padredaveo](https://twitter.com/padredaveo)*.
111 | 
112 | 
113 | 


--------------------------------------------------------------------------------
/src/components/Spinner.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <div class="vue-simple-spinner" :style="spinner_style"></div>
  4 |     <div class="vue-simple-spinner-text" :style="text_style" v-if="message.length > 0">{{message}}</div>
  5 |   </div>
  6 | </template>
  7 | 
  8 | <script>
  9 |   var isNumber = function(n) {
 10 |     return !isNaN(parseFloat(n)) && isFinite(n)
 11 |   }
 12 | 
 13 |   export default {
 14 |     props: {
 15 |       'size': {
 16 |         // either a number (pixel width/height) or 'tiny', 'small',
 17 |         // 'medium', 'large', 'huge', 'massive' for common sizes
 18 |         default: 32
 19 |       },
 20 |       'line-size': {
 21 |         type: Number,
 22 |         default: 3
 23 |       },
 24 |       'line-bg-color': {
 25 |         type: String,
 26 |         default: '#eee'
 27 |       },
 28 |       'line-fg-color': {
 29 |         type: String,
 30 |         default: '#2196f3' // match .blue color to Material Design's 'Blue 500' color
 31 |       },
 32 |       'speed': {
 33 |         type: Number,
 34 |         default: 0.8
 35 |       },
 36 |       'spacing': {
 37 |         type: Number,
 38 |         default: 4
 39 |       },
 40 |       'message': {
 41 |         type: String,
 42 |         default: ''
 43 |       },
 44 |       'font-size': {
 45 |         type: Number,
 46 |         default: 13
 47 |       },
 48 |       'text-fg-color': {
 49 |         type: String,
 50 |         default: '#555'
 51 |       }
 52 |     },
 53 |     computed: {
 54 |       size_px() {
 55 |         switch (this.size)
 56 |         {
 57 |           case 'tiny':    return 12
 58 |           case 'small':   return 16
 59 |           case 'medium':  return 32
 60 |           case 'large':   return 48
 61 |           case 'big':     return 64
 62 |           case 'huge':    return 96
 63 |           case 'massive': return 128
 64 |         }
 65 | 
 66 |         return isNumber(this.size) ? this.size : 32
 67 |       },
 68 |       line_size_px() {
 69 |         switch (this.size)
 70 |         {
 71 |           case 'tiny':    return 1
 72 |           case 'small':   return 2
 73 |           case 'medium':  return 3
 74 |           case 'large':   return 3
 75 |           case 'big':     return 4
 76 |           case 'huge':    return 4
 77 |           case 'massive': return 5
 78 |         }
 79 | 
 80 |         return isNumber(this.lineSize) ? this.lineSize : 4
 81 |       },
 82 |       text_margin_top() {
 83 |         switch (this.size)
 84 |         {
 85 |           case 'tiny':
 86 |           case 'small':
 87 |           case 'medium':
 88 |           case 'large':
 89 |           case 'big':
 90 |           case 'huge':
 91 |           case 'massive':
 92 |             return Math.min(Math.max(Math.ceil(this.size_px/8), 3), 12)
 93 |         }
 94 | 
 95 |         return isNumber(this.spacing) ? this.spacing : 4
 96 |       },
 97 |       text_font_size() {
 98 |         switch (this.size)
 99 |         {
100 |           case 'tiny':
101 |           case 'small':
102 |           case 'medium':
103 |           case 'large':
104 |           case 'big':
105 |           case 'huge':
106 |           case 'massive':
107 |             return Math.min(Math.max(Math.ceil(this.size_px*0.4), 11), 32)
108 |         }
109 | 
110 |         return isNumber(this.fontSize) ? this.fontSize : 13
111 |       },
112 |       spinner_style() {
113 |         return {
114 |           'margin': '0 auto',
115 |           'border-radius': '100%',
116 |           'border': this.line_size_px+'px solid '+this.lineBgColor,
117 |           'border-top': this.line_size_px+'px solid '+this.lineFgColor,
118 |           'width': this.size_px+'px',
119 |           'height': this.size_px+'px',
120 |           'animation': 'vue-simple-spinner-spin '+this.speed+'s linear infinite'
121 |         }
122 |       },
123 |       text_style() {
124 |         return {
125 |           'margin-top': this.text_margin_top+'px',
126 |           'color': this.textFgColor,
127 |           'font-size': this.text_font_size+'px',
128 |           'text-align': 'center'
129 |         }
130 |       }
131 |     }
132 |   }
133 | </script>
134 | 
135 | <style>
136 |   .vue-simple-spinner {
137 |     transition: all 0.3s linear;
138 |   }
139 | 
140 |   @keyframes vue-simple-spinner-spin {
141 |     0% { transform: rotate(0deg); }
142 |     100% { transform: rotate(360deg); }
143 |   }
144 | </style>
145 | 


--------------------------------------------------------------------------------
/dist/vue-simple-spinner.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 |  * vue-simple-spinner v1.2.10 (https://github.com/dzwillia/vue-simple-spinner)
3 |  * (c) 2018 David Z. Williams
4 |  * Released under the MIT License.
5 |  */
6 | !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueSimpleSpinner=t():e.VueSimpleSpinner=t()}(this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},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="",t(t.s=0)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.VueSimpleSpinner=void 0;var r=n(1),i=function(e){return e&&e.__esModule?e:{default:e}}(r);"undefined"!=typeof window&&window.Vue&&Vue.component("vue-simple-spinner",i.default),t.VueSimpleSpinner=i.default,t.default=i.default},function(e,t,n){n(2);var r=n(7)(n(8),n(9),null,null);e.exports=r.exports},function(e,t,n){var r=n(3);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(5)("d89557e4",r,!0)},function(e,t,n){t=e.exports=n(4)(),t.push([e.i,".vue-simple-spinner{transition:all .3s linear}@keyframes vue-simple-spinner-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}",""])},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={},i=0;i<this.length;i++){var s=this[i][0];"number"==typeof s&&(r[s]=!0)}for(i=0;i<t.length;i++){var o=t[i];"number"==typeof o[0]&&r[o[0]]||(n&&!o[2]?o[2]=n:n&&(o[2]="("+o[2]+") and ("+n+")"),e.push(o))}},e}},function(e,t,n){function r(e){for(var t=0;t<e.length;t++){var n=e[t],r=c[n.id];if(r){r.refs++;for(var i=0;i<r.parts.length;i++)r.parts[i](n.parts[i]);for(;i<n.parts.length;i++)r.parts.push(s(n.parts[i]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{for(var o=[],i=0;i<n.parts.length;i++)o.push(s(n.parts[i]));c[n.id]={id:n.id,refs:1,parts:o}}}}function i(){var e=document.createElement("style");return e.type="text/css",p.appendChild(e),e}function s(e){var t,n,r=document.querySelector('style[data-vue-ssr-id~="'+e.id+'"]');if(r){if(h)return m;r.parentNode.removeChild(r)}if(v){var s=d++;r=f||(f=i()),t=o.bind(null,r,s,!1),n=o.bind(null,r,s,!0)}else r=i(),t=a.bind(null,r),n=function(){r.parentNode.removeChild(r)};return t(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;t(e=r)}else n()}}function o(e,t,n,r){var i=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=g(t,i);else{var s=document.createTextNode(i),o=e.childNodes;o[t]&&e.removeChild(o[t]),o.length?e.insertBefore(s,o[t]):e.appendChild(s)}}function a(e,t){var n=t.css,r=t.media,i=t.sourceMap;if(r&&e.setAttribute("media",r),i&&(n+="\n/*# sourceURL="+i.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var u="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!u)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var l=n(6),c={},p=u&&(document.head||document.getElementsByTagName("head")[0]),f=null,d=0,h=!1,m=function(){},v="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,t,n){h=n;var i=l(e,t);return r(i),function(t){for(var n=[],s=0;s<i.length;s++){var o=i[s],a=c[o.id];a.refs--,n.push(a)}t?(i=l(e,t),r(i)):i=[];for(var s=0;s<n.length;s++){var a=n[s];if(0===a.refs){for(var u=0;u<a.parts.length;u++)a.parts[u]();delete c[a.id]}}}};var g=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=function(e,t){for(var n=[],r={},i=0;i<t.length;i++){var s=t[i],o=s[0],a=s[1],u=s[2],l=s[3],c={id:e+":"+i,css:a,media:u,sourceMap:l};r[o]?r[o].parts.push(c):n.push(r[o]={id:o,parts:[c]})}return n}},function(e,t){e.exports=function(e,t,n,r){var i,s=e=e||{},o=typeof e.default;"object"!==o&&"function"!==o||(i=e,s=e.default);var a="function"==typeof s?s.options:s;if(t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),n&&(a._scopeId=n),r){var u=Object.create(a.computed||null);Object.keys(r).forEach(function(e){var t=r[e];u[e]=function(){return t}}),a.computed=u}return{esModule:i,exports:s,options:a}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(e){return!isNaN(parseFloat(e))&&isFinite(e)};t.default={props:{size:{default:32},"line-size":{type:Number,default:3},"line-bg-color":{type:String,default:"#eee"},"line-fg-color":{type:String,default:"#2196f3"},speed:{type:Number,default:.8},spacing:{type:Number,default:4},message:{type:String,default:""},"font-size":{type:Number,default:13},"text-fg-color":{type:String,default:"#555"}},computed:{size_px:function(){switch(this.size){case"tiny":return 12;case"small":return 16;case"medium":return 32;case"large":return 48;case"big":return 64;case"huge":return 96;case"massive":return 128}return r(this.size)?this.size:32},line_size_px:function(){switch(this.size){case"tiny":return 1;case"small":return 2;case"medium":case"large":return 3;case"big":case"huge":return 4;case"massive":return 5}return r(this.lineSize)?this.lineSize:4},text_margin_top:function(){switch(this.size){case"tiny":case"small":case"medium":case"large":case"big":case"huge":case"massive":return Math.min(Math.max(Math.ceil(this.size_px/8),3),12)}return r(this.spacing)?this.spacing:4},text_font_size:function(){switch(this.size){case"tiny":case"small":case"medium":case"large":case"big":case"huge":case"massive":return Math.min(Math.max(Math.ceil(.4*this.size_px),11),32)}return r(this.fontSize)?this.fontSize:13},spinner_style:function(){return{margin:"0 auto","border-radius":"100%",border:this.line_size_px+"px solid "+this.lineBgColor,"border-top":this.line_size_px+"px solid "+this.lineFgColor,width:this.size_px+"px",height:this.size_px+"px",animation:"vue-simple-spinner-spin "+this.speed+"s linear infinite"}},text_style:function(){return{"margin-top":this.text_margin_top+"px",color:this.textFgColor,"font-size":this.text_font_size+"px","text-align":"center"}}}}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("div",{staticClass:"vue-simple-spinner",style:e.spinner_style}),e._v(" "),e.message.length>0?n("div",{staticClass:"vue-simple-spinner-text",style:e.text_style},[e._v(e._s(e.message))]):e._e()])},staticRenderFns:[]}}]).default});


--------------------------------------------------------------------------------
/examples-src/App.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="app">
  3 |     <div class="fixed top-0 w-100 z-1 flex-none flex flex-row items-center pv3 ph4 bg-blue white">
  4 |       <div class="flex-fill">
  5 |         <a :href="'https://github.com/dzwillia/vue-simple-spinner/releases/tag/v'+version" class="white no-underline underline-hover">vue-simple-spinner {{version}}</a>
  6 |       </div>
  7 |       <div class="flex-none">
  8 |         <a href="https://github.com/dzwillia/vue-simple-spinner" rel="noopener" target="_blank" title="View on Github"><svg xmlns="http://www.w3.org/2000/svg" fill="white" width="32" height="32" viewBox="0 0 16 16"><path d="M8 .198c-4.418 0-8 3.582-8 8 0 3.535 2.292 6.533 5.47 7.59.4.075.548-.173.548-.384 0-.19-.008-.82-.01-1.49-2.227.485-2.696-.943-2.696-.943-.364-.924-.888-1.17-.888-1.17-.726-.497.055-.486.055-.486.802.056 1.225.824 1.225.824.714 1.223 1.872.87 2.328.665.072-.517.28-.87.508-1.07-1.776-.202-3.644-.888-3.644-3.954 0-.874.313-1.588.824-2.148-.083-.202-.357-1.015.077-2.117 0 0 .672-.215 2.2.82.64-.177 1.323-.266 2.003-.27.68.004 1.365.093 2.004.27 1.527-1.035 2.198-.82 2.198-.82.435 1.102.162 1.916.08 2.117.512.56.822 1.274.822 2.147 0 3.072-1.872 3.748-3.653 3.946.288.248.544.735.544 1.48 0 1.07-.01 1.933-.01 2.196 0 .213.145.462.55.384 3.178-1.06 5.467-4.057 5.467-7.59 0-4.418-3.58-8-8-8z"></path></svg></a>
  9 |       </div>
 10 |     </div>
 11 |     <div class="flex-fill" style="padding-bottom: 10rem">
 12 |       <!-- allow a 3rem padding when resizing browser horizontally and approaching Tachyon's large media breakpoint (60em) -->
 13 |       <div class="mb5 center" style="max-width: 57rem">
 14 | 
 15 |         <div class="pt5 nb5" id="default-spinners">
 16 |           <a href="#default-spinners" :class="header_cls">
 17 |             <h2 class="ma0 pb2 f2 fw4 lh-1">Default Spinners</h2>
 18 |             <p class="ma0 lh-copy f6">Spinners can be used with either no configuration or very little configuration.</p>
 19 |           </a>
 20 |           <div :class="box_cls" :style="box_style">
 21 |             <div :class="label_cls">Default spinner</div>
 22 |             <spinner></spinner>
 23 |           </div>
 24 |           <div :class="box_cls" :style="box_style">
 25 |             <div :class="label_cls">Default spinner with message</div>
 26 |             <spinner message="Loading..."></spinner>
 27 |           </div>
 28 |         </div>
 29 | 
 30 |         <div class="pt5 nb5" id="standard-sizes">
 31 |           <a href="#standard-sizes" :class="header_cls">
 32 |             <h2 class="ma0 pb2 f2 fw4 lh-1">Standard Sizes</h2>
 33 |             <p class="ma0 lh-copy f6">Spinners come with some standard sizes which size both the spinner element as well as the message text.</p>
 34 |           </a>
 35 |           <div :class="box_cls" :style="box_style">
 36 |             <div :class="label_cls">Tiny spinner</div>
 37 |             <spinner size="tiny" message="Loading..."></spinner>
 38 |           </div>
 39 |           <div :class="box_cls" :style="box_style">
 40 |             <div :class="label_cls">Small spinner</div>
 41 |             <spinner size="small" message="Loading..."></spinner>
 42 |           </div>
 43 |           <div :class="box_cls" :style="box_style">
 44 |             <div :class="label_cls">Medium spinner</div>
 45 |             <spinner size="medium" message="Loading..."></spinner>
 46 |           </div>
 47 |           <div :class="box_cls" :style="box_style">
 48 |             <div :class="label_cls">Large spinner</div>
 49 |             <spinner size="large" message="Loading..."></spinner>
 50 |           </div>
 51 |           <div :class="box_cls" :style="box_style">
 52 |             <div :class="label_cls">Big spinner</div>
 53 |             <spinner size="big" message="Loading..."></spinner>
 54 |           </div>
 55 |           <div :class="box_cls" :style="box_style">
 56 |             <div :class="label_cls">Huge spinner</div>
 57 |             <spinner size="huge" message="Loading..."></spinner>
 58 |           </div>
 59 |           <div :class="box_cls" :style="box_style">
 60 |             <div :class="label_cls">Massive spinner</div>
 61 |             <spinner size="massive" message="Loading..."></spinner>
 62 |           </div>
 63 |         </div>
 64 | 
 65 |         <div class="pt5 nb5" id="custom-sizes">
 66 |           <a href="#custom-sizes" :class="header_cls">
 67 |             <h2 class="ma0 pb2 f2 fw4 lh-1">Custom Sizes</h2>
 68 |             <p class="ma0 lh-copy f6">Spinners can also have any arbitrary size (both overall size as well as line size).</p>
 69 |           </a>
 70 |           <div :class="box_cls" :style="box_style">
 71 |             <div :class="label_cls">Custom size (55px)</div>
 72 |             <spinner :size="55"></spinner>
 73 |           </div>
 74 |           <div :class="box_cls" :style="box_style">
 75 |             <div :class="label_cls">Custom size (88px)</div>
 76 |             <spinner :size="88"></spinner>
 77 |           </div>
 78 |           <div :class="box_cls" :style="box_style">
 79 |             <div :class="label_cls">Custom line size (7px)</div>
 80 |             <spinner :line-size="7"></spinner>
 81 |           </div>
 82 |           <div :class="box_cls" :style="box_style">
 83 |             <div :class="label_cls">Custom line size (12px)</div>
 84 |             <spinner :line-size="12"></spinner>
 85 |           </div>
 86 |           <div :class="box_cls" :style="box_style">
 87 |             <div :class="label_cls">Both custom size and line size (55px and 7px respectively)</div>
 88 |             <spinner :size="55" :line-size="7"></spinner>
 89 |           </div>
 90 |           <div :class="box_cls" :style="box_style">
 91 |             <div :class="label_cls">Both custom size and line size (88px and 12px respectively)</div>
 92 |             <spinner :size="88" :line-size="12"></spinner>
 93 |           </div>
 94 |         </div>
 95 | 
 96 |         <div class="pt5 nb5" id="custom-colors">
 97 |           <a href="#custom-colors" :class="header_cls">
 98 |             <h2 class="ma0 pb2 f2 fw4 lh-1">Custom Colors</h2>
 99 |             <p class="ma0 lh-copy f6">Line foreground, line background and message text colors can all be changed.</p>
100 |           </a>
101 |           <div :class="box_cls" :style="box_style">
102 |             <div :class="label_cls">Line foreground color</div>
103 |             <spinner line-fg-color="#009900"></spinner>
104 |           </div>
105 |           <div :class="box_cls" :style="box_style">
106 |             <div :class="label_cls">Line background color</div>
107 |             <spinner line-bg-color="#555555"></spinner>
108 |           </div>
109 |           <div :class="box_cls" :style="box_style">
110 |             <div :class="label_cls">Line foreground and background colors</div>
111 |             <spinner line-fg-color="#009900" line-bg-color="#555555"></spinner>
112 |           </div>
113 |         </div>
114 | 
115 |         <div class="pt5 nb5" id="custom-speeds">
116 |           <a href="#custom-speeds" :class="header_cls">
117 |             <h2 class="ma0 pb2 f2 fw4 lh-1">Custom Speeds</h2>
118 |             <p class="ma0 lh-copy f6">The speed of the spinner can be changed to any arbitrary speed.</p>
119 |           </a>
120 |           <div :class="box_cls" :style="box_style">
121 |             <div :class="label_cls">Fast (0.4s)</div>
122 |             <spinner :speed="0.4"></spinner>
123 |           </div>
124 |           <div :class="box_cls" :style="box_style">
125 |             <div :class="label_cls">Slow (2s)</div>
126 |             <spinner :speed="2"></spinner>
127 |           </div>
128 |           <div :class="box_cls" :style="box_style">
129 |             <div :class="label_cls">Very slow (6s)</div>
130 |             <spinner :speed="6"></spinner>
131 |           </div>
132 |         </div>
133 | 
134 |         <div class="pt5 nb5" id="custom-messages">
135 |           <a href="#custom-messages" :class="header_cls">
136 |             <h2 class="ma0 pb2 f2 fw4 lh-1">Custom Messages</h2>
137 |             <p class="ma0 lh-copy f6">The spacing, font size and color of the message can be changed.</p>
138 |           </a>
139 |           <div :class="box_cls" :style="box_style">
140 |             <div :class="label_cls">Spacing (55px)</div>
141 |             <spinner :spacing="55" message="I'm 55px below the spinner"></spinner>
142 |           </div>
143 |           <div :class="box_cls" :style="box_style">
144 |             <div :class="label_cls">Font size (20px)</div>
145 |             <spinner :font-size="20" message="I'm a 20px font size"></spinner>
146 |           </div>
147 |           <div :class="box_cls" :style="box_style">
148 |             <div :class="label_cls">Font color (#009900)</div>
149 |             <spinner text-fg-color="#009900" message="I'm #009900 green!"></spinner>
150 |           </div>
151 |         </div>
152 | 
153 |         <div class="pt5 nb5" id="layout-inside-parent">
154 |           <a href="#layout-inside-parent" :class="header_cls">
155 |             <h2 class="ma0 pb2 f2 fw4 lh-1">Layout Inside Parent</h2>
156 |             <p class="ma0 lh-copy f6">Easily change the location of the spinner inside its parent element. The spinner element's CSS is very unopinionated which allows for easy application of CSS or inline styles to position it. In general, most positioning can happen by changing styles on the parent element.</p>
157 |           </a>
158 |           <div :class="box_cls" :style="box_style">
159 |             <div :class="label_cls">Center-aligned (default)</div>
160 |             <spinner></spinner>
161 |           </div>
162 |           <div :class="box_cls" :style="box_style">
163 |             <div :class="label_cls">Left-aligned</div>
164 |             <div class="tl">
165 |               <spinner class="dib"></spinner>
166 |             </div>
167 |           </div>
168 |           <div :class="box_cls" :style="box_style">
169 |             <div :class="label_cls">Right-aligned</div>
170 |             <div class="tr">
171 |               <spinner class="dib"></spinner>
172 |             </div>
173 |           </div>
174 |           <div :class="box_cls" :style="box_style">
175 |             <div :class="label_cls">Centered vertically and horizontally</div>
176 |             <div class="flex flex-column items-center justify-center h4 bg-black-40">
177 |               <spinner></spinner>
178 |             </div>
179 |           </div>
180 |           <div :class="box_cls" :style="box_style">
181 |             <div :class="label_cls">Bottom-left corner</div>
182 |             <div class="flex flex-column items-start justify-end h4 bg-black-40">
183 |               <spinner class="ma3"></spinner>
184 |             </div>
185 |           </div>
186 |           <div :class="box_cls" :style="box_style">
187 |             <div :class="label_cls">Centered at bottom</div>
188 |             <div class="flex flex-column items-center justify-end h4 bg-black-40">
189 |               <spinner class="ma3"></spinner>
190 |             </div>
191 |           </div>
192 |           <div :class="box_cls" :style="box_style">
193 |             <div :class="label_cls">Bottom-right corner</div>
194 |             <div class="flex flex-column items-end justify-end h4 bg-black-40">
195 |               <spinner class="ma3"></spinner>
196 |             </div>
197 |           </div>
198 |         </div>
199 | 
200 |         <div class="pt5 nb5" id="full-power-of-vuejs">
201 |           <a href="#full-power-of-vuejs" :class="header_cls">
202 |             <h2 class="ma0 pb2 f2 fw4 lh-1">Full Power of Vue.js</h2>
203 |             <p class="ma0 lh-copy f6">With the power of the Vue.js virtual DOM, properties can be updated without needing to re-render the entire component.</p>
204 |           </a>
205 |           <div :class="box_cls" :style="box_style">
206 |             <div :class="label_cls">
207 |               <span>Values change every 4 seconds</span>
208 |               <div class="mv2" style="font-size: 12px">
209 |                 <table class="collapse">
210 |                   <thead>
211 |                     <tr>
212 |                       <th class="tl bg-near-white" :class="cell_cls">Property</th>
213 |                       <th class="tl bg-near-white" :class="cell_cls">Value</th>
214 |                     </tr>
215 |                   </thead>
216 |                   <tbody>
217 |                     <tr>
218 |                       <td :class="cell_cls">Size:</td>
219 |                       <td :class="cell_cls">{{spinner_size}}px</td>
220 |                     </tr>
221 |                     <tr>
222 |                       <td :class="cell_cls">Line Size:</td>
223 |                       <td :class="cell_cls">{{spinner_line_size}}px</td>
224 |                     </tr>
225 |                     <tr>
226 |                       <td :class="cell_cls">Line Foreground Color:</td>
227 |                       <td :class="cell_cls">{{spinner_line_fg_color}}</td>
228 |                     </tr>
229 |                     <tr>
230 |                       <td :class="cell_cls">Line Background Color:</td>
231 |                       <td :class="cell_cls">{{spinner_line_bg_color}}</td>
232 |                     </tr>
233 |                     <tr>
234 |                       <td :class="cell_cls">Speed:</td>
235 |                       <td :class="cell_cls">{{spinner_speed}}s</td>
236 |                     </tr>
237 |                     <tr>
238 |                       <td :class="cell_cls">Spacing:</td>
239 |                       <td :class="cell_cls">{{spinner_spacing}}px</td>
240 |                     </tr>
241 |                     <tr>
242 |                       <td :class="cell_cls">Message:</td>
243 |                       <td :class="cell_cls">"{{spinner_message}}"</td>
244 |                     </tr>
245 |                     <tr>
246 |                       <td :class="cell_cls">Font Size:</td>
247 |                       <td :class="cell_cls">{{spinner_font_size}}px</td>
248 |                     </tr>
249 |                     <tr>
250 |                       <td :class="cell_cls">Text Foreground Color:</td>
251 |                       <td :class="cell_cls">{{spinner_text_fg_color}}</td>
252 |                     </tr>
253 |                   </tbody>
254 |                 </table>
255 |               </div>
256 |               <div class="mt2 mb4">
257 |                 <button type="button" class="pv2 ph3 bn br1 white bg-blue darken-10" @click="is_paused = !is_paused">
258 |                   <span v-if="is_paused">Start</span>
259 |                   <span v-else>Pause</span>
260 |                 </button>
261 |               </div>
262 |             </div>
263 |             <spinner
264 |               :size="spinner_size"
265 |               :line-size="spinner_line_size"
266 |               :line-fg-color="spinner_line_fg_color"
267 |               :line-bg-color="spinner_line_bg_color"
268 |               :speed="spinner_speed"
269 |               :spacing="spinner_spacing"
270 |               :message="spinner_message"
271 |               :font-size="spinner_font_size"
272 |               :text-fg-color="spinner_text_fg_color"
273 |             ></spinner>
274 |           </div>
275 |         </div>
276 | 
277 |       </div>
278 |     </div>
279 |   </div>
280 | </template>
281 | 
282 | <script>
283 |   import Spinner from '../src/components/Spinner.vue'
284 | 
285 |   export default {
286 |     name: 'app',
287 |     components: {
288 |       Spinner
289 |     },
290 |     data() {
291 |       return {
292 |         is_paused: false,
293 |         spinner_line_fg_color: undefined,
294 |         spinner_line_bg_color: undefined,
295 |         spinner_size: 32,
296 |         spinner_line_size: 3,
297 |         spinner_speed: 0.6,
298 |         spinner_spacing: 4,
299 |         spinner_message: "I'll start changing in 4 seconds",
300 |         spinner_text_fg_color: undefined,
301 |         spinner_font_size: 13
302 |       }
303 |     },
304 |     computed: {
305 |       version() {
306 |         return VERSION
307 |       },
308 |       header_cls() {
309 |         return 'db mt5 pb3 dark-gray hover-blue lh-1 no-underline'
310 |       },
311 |       box_cls() {
312 |         return 'db pt3 pb5 ph3 ph0-l bt b--black-10 relative'
313 |       },
314 |       box_style() {
315 |         return 'min-height: 100px'
316 |       },
317 |       label_cls() {
318 |         return 'mb4 f6 fw6 dark-gray'
319 |       },
320 |       cell_cls() {
321 |         return 'ph1 pv1 ba b--moon-gray'
322 |       }
323 |     },
324 |     mounted() {
325 |       var seconds = 0
326 | 
327 |       setInterval(() => {
328 |         if (this.is_paused)
329 |           return
330 | 
331 |         seconds += 4
332 | 
333 |         this.spinner_line_fg_color = '#'+(Math.random()*0xFFFFFF<<0).toString(16)
334 |         this.spinner_line_bg_color = '#'+(Math.random()*0xFFFFFF<<0).toString(16)
335 |         this.spinner_size = Math.ceil(Math.random() * 100) + 10
336 |         this.spinner_line_size = Math.ceil(Math.random() * 20) + 1
337 |         this.spinner_speed = Math.round(Math.random() * 1000)/100
338 | 
339 |         this.spinner_spacing = Math.floor(Math.random() * 60)
340 |         this.spinner_message = "I've been running for "+seconds+" seconds"
341 |         this.spinner_text_fg_color = '#'+(Math.random()*0xFFFFFF<<0).toString(16)
342 |         this.spinner_font_size = Math.ceil(Math.random() * 30) + 10
343 |       }, 4000)
344 |     }
345 |   }
346 | </script>
347 | 
348 | <style>
349 |   html, body {
350 |     font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
351 |     font-size: 100%;
352 |   }
353 | 
354 |   html {
355 |     height: 100%;
356 |   }
357 | 
358 |   body {
359 |     overflow: auto;
360 |     position: relative;
361 |   }
362 | 
363 |   .b--moon-gray {
364 |     border-color: #ccc;
365 |   }
366 | 
367 |   .flex-fill {
368 |     flex: 1 1;
369 |     min-width: 0; /* 1 */
370 |     min-height: 0; /* 1 */
371 |   }
372 | 
373 |   .darken-10:hover,
374 |   .darken-10:focus {
375 |     box-shadow: inset 9999px 9999px rgba(0,0,0,0.10)
376 |   }
377 | 
378 |   .darken-10:active {
379 |     box-shadow: inset 9999px 9999px rgba(0,0,0,0.20)
380 |   }
381 | 
382 |   .lh-1 {
383 |     line-height: 1;
384 |   }
385 | </style>
386 | 


--------------------------------------------------------------------------------
/dist/vue-simple-spinner.js:
--------------------------------------------------------------------------------
  1 | /*!
  2 |  * vue-simple-spinner v1.2.10 (https://github.com/dzwillia/vue-simple-spinner)
  3 |  * (c) 2018 David Z. Williams
  4 |  * Released under the MIT License.
  5 |  */
  6 | (function webpackUniversalModuleDefinition(root, factory) {
  7 | 	if(typeof exports === 'object' && typeof module === 'object')
  8 | 		module.exports = factory();
  9 | 	else if(typeof define === 'function' && define.amd)
 10 | 		define([], factory);
 11 | 	else if(typeof exports === 'object')
 12 | 		exports["VueSimpleSpinner"] = factory();
 13 | 	else
 14 | 		root["VueSimpleSpinner"] = factory();
 15 | })(this, function() {
 16 | return /******/ (function(modules) { // webpackBootstrap
 17 | /******/ 	// The module cache
 18 | /******/ 	var installedModules = {};
 19 | /******/
 20 | /******/ 	// The require function
 21 | /******/ 	function __webpack_require__(moduleId) {
 22 | /******/
 23 | /******/ 		// Check if module is in cache
 24 | /******/ 		if(installedModules[moduleId]) {
 25 | /******/ 			return installedModules[moduleId].exports;
 26 | /******/ 		}
 27 | /******/ 		// Create a new module (and put it into the cache)
 28 | /******/ 		var module = installedModules[moduleId] = {
 29 | /******/ 			i: moduleId,
 30 | /******/ 			l: false,
 31 | /******/ 			exports: {}
 32 | /******/ 		};
 33 | /******/
 34 | /******/ 		// Execute the module function
 35 | /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 36 | /******/
 37 | /******/ 		// Flag the module as loaded
 38 | /******/ 		module.l = true;
 39 | /******/
 40 | /******/ 		// Return the exports of the module
 41 | /******/ 		return module.exports;
 42 | /******/ 	}
 43 | /******/
 44 | /******/
 45 | /******/ 	// expose the modules object (__webpack_modules__)
 46 | /******/ 	__webpack_require__.m = modules;
 47 | /******/
 48 | /******/ 	// expose the module cache
 49 | /******/ 	__webpack_require__.c = installedModules;
 50 | /******/
 51 | /******/ 	// define getter function for harmony exports
 52 | /******/ 	__webpack_require__.d = function(exports, name, getter) {
 53 | /******/ 		if(!__webpack_require__.o(exports, name)) {
 54 | /******/ 			Object.defineProperty(exports, name, {
 55 | /******/ 				configurable: false,
 56 | /******/ 				enumerable: true,
 57 | /******/ 				get: getter
 58 | /******/ 			});
 59 | /******/ 		}
 60 | /******/ 	};
 61 | /******/
 62 | /******/ 	// getDefaultExport function for compatibility with non-harmony modules
 63 | /******/ 	__webpack_require__.n = function(module) {
 64 | /******/ 		var getter = module && module.__esModule ?
 65 | /******/ 			function getDefault() { return module['default']; } :
 66 | /******/ 			function getModuleExports() { return module; };
 67 | /******/ 		__webpack_require__.d(getter, 'a', getter);
 68 | /******/ 		return getter;
 69 | /******/ 	};
 70 | /******/
 71 | /******/ 	// Object.prototype.hasOwnProperty.call
 72 | /******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
 73 | /******/
 74 | /******/ 	// __webpack_public_path__
 75 | /******/ 	__webpack_require__.p = "";
 76 | /******/
 77 | /******/ 	// Load entry module and return exports
 78 | /******/ 	return __webpack_require__(__webpack_require__.s = 0);
 79 | /******/ })
 80 | /************************************************************************/
 81 | /******/ ([
 82 | /* 0 */
 83 | /***/ (function(module, exports, __webpack_require__) {
 84 | 
 85 | "use strict";
 86 | 
 87 | 
 88 | Object.defineProperty(exports, "__esModule", {
 89 |   value: true
 90 | });
 91 | exports.VueSimpleSpinner = undefined;
 92 | 
 93 | var _Spinner = __webpack_require__(1);
 94 | 
 95 | var _Spinner2 = _interopRequireDefault(_Spinner);
 96 | 
 97 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 98 | 
 99 | if (typeof window !== 'undefined' && window.Vue) {
100 |   Vue.component('vue-simple-spinner', _Spinner2.default);
101 | }
102 | 
103 | exports.VueSimpleSpinner = _Spinner2.default;
104 | exports.default = _Spinner2.default;
105 | 
106 | /***/ }),
107 | /* 1 */
108 | /***/ (function(module, exports, __webpack_require__) {
109 | 
110 | 
111 | /* styles */
112 | __webpack_require__(2)
113 | 
114 | var Component = __webpack_require__(7)(
115 |   /* script */
116 |   __webpack_require__(8),
117 |   /* template */
118 |   __webpack_require__(9),
119 |   /* scopeId */
120 |   null,
121 |   /* cssModules */
122 |   null
123 | )
124 | 
125 | module.exports = Component.exports
126 | 
127 | 
128 | /***/ }),
129 | /* 2 */
130 | /***/ (function(module, exports, __webpack_require__) {
131 | 
132 | // style-loader: Adds some css to the DOM by adding a <style> tag
133 | 
134 | // load the styles
135 | var content = __webpack_require__(3);
136 | if(typeof content === 'string') content = [[module.i, content, '']];
137 | if(content.locals) module.exports = content.locals;
138 | // add the styles to the DOM
139 | var update = __webpack_require__(5)("d89557e4", content, true);
140 | 
141 | /***/ }),
142 | /* 3 */
143 | /***/ (function(module, exports, __webpack_require__) {
144 | 
145 | exports = module.exports = __webpack_require__(4)();
146 | // imports
147 | 
148 | 
149 | // module
150 | exports.push([module.i, ".vue-simple-spinner{transition:all .3s linear}@keyframes vue-simple-spinner-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}", ""]);
151 | 
152 | // exports
153 | 
154 | 
155 | /***/ }),
156 | /* 4 */
157 | /***/ (function(module, exports) {
158 | 
159 | /*
160 | 	MIT License http://www.opensource.org/licenses/mit-license.php
161 | 	Author Tobias Koppers @sokra
162 | */
163 | // css base code, injected by the css-loader
164 | module.exports = function() {
165 | 	var list = [];
166 | 
167 | 	// return the list of modules as css string
168 | 	list.toString = function toString() {
169 | 		var result = [];
170 | 		for(var i = 0; i < this.length; i++) {
171 | 			var item = this[i];
172 | 			if(item[2]) {
173 | 				result.push("@media " + item[2] + "{" + item[1] + "}");
174 | 			} else {
175 | 				result.push(item[1]);
176 | 			}
177 | 		}
178 | 		return result.join("");
179 | 	};
180 | 
181 | 	// import a list of modules into the list
182 | 	list.i = function(modules, mediaQuery) {
183 | 		if(typeof modules === "string")
184 | 			modules = [[null, modules, ""]];
185 | 		var alreadyImportedModules = {};
186 | 		for(var i = 0; i < this.length; i++) {
187 | 			var id = this[i][0];
188 | 			if(typeof id === "number")
189 | 				alreadyImportedModules[id] = true;
190 | 		}
191 | 		for(i = 0; i < modules.length; i++) {
192 | 			var item = modules[i];
193 | 			// skip already imported module
194 | 			// this implementation is not 100% perfect for weird media query combinations
195 | 			//  when a module is imported multiple times with different media queries.
196 | 			//  I hope this will never occur (Hey this way we have smaller bundles)
197 | 			if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
198 | 				if(mediaQuery && !item[2]) {
199 | 					item[2] = mediaQuery;
200 | 				} else if(mediaQuery) {
201 | 					item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
202 | 				}
203 | 				list.push(item);
204 | 			}
205 | 		}
206 | 	};
207 | 	return list;
208 | };
209 | 
210 | 
211 | /***/ }),
212 | /* 5 */
213 | /***/ (function(module, exports, __webpack_require__) {
214 | 
215 | /*
216 |   MIT License http://www.opensource.org/licenses/mit-license.php
217 |   Author Tobias Koppers @sokra
218 |   Modified by Evan You @yyx990803
219 | */
220 | 
221 | var hasDocument = typeof document !== 'undefined'
222 | 
223 | if (typeof DEBUG !== 'undefined' && DEBUG) {
224 |   if (!hasDocument) {
225 |     throw new Error(
226 |     'vue-style-loader cannot be used in a non-browser environment. ' +
227 |     "Use { target: 'node' } in your Webpack config to indicate a server-rendering environment."
228 |   ) }
229 | }
230 | 
231 | var listToStyles = __webpack_require__(6)
232 | 
233 | /*
234 | type StyleObject = {
235 |   id: number;
236 |   parts: Array<StyleObjectPart>
237 | }
238 | 
239 | type StyleObjectPart = {
240 |   css: string;
241 |   media: string;
242 |   sourceMap: ?string
243 | }
244 | */
245 | 
246 | var stylesInDom = {/*
247 |   [id: number]: {
248 |     id: number,
249 |     refs: number,
250 |     parts: Array<(obj?: StyleObjectPart) => void>
251 |   }
252 | */}
253 | 
254 | var head = hasDocument && (document.head || document.getElementsByTagName('head')[0])
255 | var singletonElement = null
256 | var singletonCounter = 0
257 | var isProduction = false
258 | var noop = function () {}
259 | 
260 | // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
261 | // tags it will allow on a page
262 | var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase())
263 | 
264 | module.exports = function (parentId, list, _isProduction) {
265 |   isProduction = _isProduction
266 | 
267 |   var styles = listToStyles(parentId, list)
268 |   addStylesToDom(styles)
269 | 
270 |   return function update (newList) {
271 |     var mayRemove = []
272 |     for (var i = 0; i < styles.length; i++) {
273 |       var item = styles[i]
274 |       var domStyle = stylesInDom[item.id]
275 |       domStyle.refs--
276 |       mayRemove.push(domStyle)
277 |     }
278 |     if (newList) {
279 |       styles = listToStyles(parentId, newList)
280 |       addStylesToDom(styles)
281 |     } else {
282 |       styles = []
283 |     }
284 |     for (var i = 0; i < mayRemove.length; i++) {
285 |       var domStyle = mayRemove[i]
286 |       if (domStyle.refs === 0) {
287 |         for (var j = 0; j < domStyle.parts.length; j++) {
288 |           domStyle.parts[j]()
289 |         }
290 |         delete stylesInDom[domStyle.id]
291 |       }
292 |     }
293 |   }
294 | }
295 | 
296 | function addStylesToDom (styles /* Array<StyleObject> */) {
297 |   for (var i = 0; i < styles.length; i++) {
298 |     var item = styles[i]
299 |     var domStyle = stylesInDom[item.id]
300 |     if (domStyle) {
301 |       domStyle.refs++
302 |       for (var j = 0; j < domStyle.parts.length; j++) {
303 |         domStyle.parts[j](item.parts[j])
304 |       }
305 |       for (; j < item.parts.length; j++) {
306 |         domStyle.parts.push(addStyle(item.parts[j]))
307 |       }
308 |       if (domStyle.parts.length > item.parts.length) {
309 |         domStyle.parts.length = item.parts.length
310 |       }
311 |     } else {
312 |       var parts = []
313 |       for (var j = 0; j < item.parts.length; j++) {
314 |         parts.push(addStyle(item.parts[j]))
315 |       }
316 |       stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }
317 |     }
318 |   }
319 | }
320 | 
321 | function createStyleElement () {
322 |   var styleElement = document.createElement('style')
323 |   styleElement.type = 'text/css'
324 |   head.appendChild(styleElement)
325 |   return styleElement
326 | }
327 | 
328 | function addStyle (obj /* StyleObjectPart */) {
329 |   var update, remove
330 |   var styleElement = document.querySelector('style[data-vue-ssr-id~="' + obj.id + '"]')
331 | 
332 |   if (styleElement) {
333 |     if (isProduction) {
334 |       // has SSR styles and in production mode.
335 |       // simply do nothing.
336 |       return noop
337 |     } else {
338 |       // has SSR styles but in dev mode.
339 |       // for some reason Chrome can't handle source map in server-rendered
340 |       // style tags - source maps in <style> only works if the style tag is
341 |       // created and inserted dynamically. So we remove the server rendered
342 |       // styles and inject new ones.
343 |       styleElement.parentNode.removeChild(styleElement)
344 |     }
345 |   }
346 | 
347 |   if (isOldIE) {
348 |     // use singleton mode for IE9.
349 |     var styleIndex = singletonCounter++
350 |     styleElement = singletonElement || (singletonElement = createStyleElement())
351 |     update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)
352 |     remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)
353 |   } else {
354 |     // use multi-style-tag mode in all other cases
355 |     styleElement = createStyleElement()
356 |     update = applyToTag.bind(null, styleElement)
357 |     remove = function () {
358 |       styleElement.parentNode.removeChild(styleElement)
359 |     }
360 |   }
361 | 
362 |   update(obj)
363 | 
364 |   return function updateStyle (newObj /* StyleObjectPart */) {
365 |     if (newObj) {
366 |       if (newObj.css === obj.css &&
367 |           newObj.media === obj.media &&
368 |           newObj.sourceMap === obj.sourceMap) {
369 |         return
370 |       }
371 |       update(obj = newObj)
372 |     } else {
373 |       remove()
374 |     }
375 |   }
376 | }
377 | 
378 | var replaceText = (function () {
379 |   var textStore = []
380 | 
381 |   return function (index, replacement) {
382 |     textStore[index] = replacement
383 |     return textStore.filter(Boolean).join('\n')
384 |   }
385 | })()
386 | 
387 | function applyToSingletonTag (styleElement, index, remove, obj) {
388 |   var css = remove ? '' : obj.css
389 | 
390 |   if (styleElement.styleSheet) {
391 |     styleElement.styleSheet.cssText = replaceText(index, css)
392 |   } else {
393 |     var cssNode = document.createTextNode(css)
394 |     var childNodes = styleElement.childNodes
395 |     if (childNodes[index]) styleElement.removeChild(childNodes[index])
396 |     if (childNodes.length) {
397 |       styleElement.insertBefore(cssNode, childNodes[index])
398 |     } else {
399 |       styleElement.appendChild(cssNode)
400 |     }
401 |   }
402 | }
403 | 
404 | function applyToTag (styleElement, obj) {
405 |   var css = obj.css
406 |   var media = obj.media
407 |   var sourceMap = obj.sourceMap
408 | 
409 |   if (media) {
410 |     styleElement.setAttribute('media', media)
411 |   }
412 | 
413 |   if (sourceMap) {
414 |     // https://developer.chrome.com/devtools/docs/javascript-debugging
415 |     // this makes source maps inside style tags work properly in Chrome
416 |     css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' */'
417 |     // http://stackoverflow.com/a/26603875
418 |     css += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'
419 |   }
420 | 
421 |   if (styleElement.styleSheet) {
422 |     styleElement.styleSheet.cssText = css
423 |   } else {
424 |     while (styleElement.firstChild) {
425 |       styleElement.removeChild(styleElement.firstChild)
426 |     }
427 |     styleElement.appendChild(document.createTextNode(css))
428 |   }
429 | }
430 | 
431 | 
432 | /***/ }),
433 | /* 6 */
434 | /***/ (function(module, exports) {
435 | 
436 | /**
437 |  * Translates the list format produced by css-loader into something
438 |  * easier to manipulate.
439 |  */
440 | module.exports = function listToStyles (parentId, list) {
441 |   var styles = []
442 |   var newStyles = {}
443 |   for (var i = 0; i < list.length; i++) {
444 |     var item = list[i]
445 |     var id = item[0]
446 |     var css = item[1]
447 |     var media = item[2]
448 |     var sourceMap = item[3]
449 |     var part = {
450 |       id: parentId + ':' + i,
451 |       css: css,
452 |       media: media,
453 |       sourceMap: sourceMap
454 |     }
455 |     if (!newStyles[id]) {
456 |       styles.push(newStyles[id] = { id: id, parts: [part] })
457 |     } else {
458 |       newStyles[id].parts.push(part)
459 |     }
460 |   }
461 |   return styles
462 | }
463 | 
464 | 
465 | /***/ }),
466 | /* 7 */
467 | /***/ (function(module, exports) {
468 | 
469 | // this module is a runtime utility for cleaner component module output and will
470 | // be included in the final webpack user bundle
471 | 
472 | module.exports = function normalizeComponent (
473 |   rawScriptExports,
474 |   compiledTemplate,
475 |   scopeId,
476 |   cssModules
477 | ) {
478 |   var esModule
479 |   var scriptExports = rawScriptExports = rawScriptExports || {}
480 | 
481 |   // ES6 modules interop
482 |   var type = typeof rawScriptExports.default
483 |   if (type === 'object' || type === 'function') {
484 |     esModule = rawScriptExports
485 |     scriptExports = rawScriptExports.default
486 |   }
487 | 
488 |   // Vue.extend constructor export interop
489 |   var options = typeof scriptExports === 'function'
490 |     ? scriptExports.options
491 |     : scriptExports
492 | 
493 |   // render functions
494 |   if (compiledTemplate) {
495 |     options.render = compiledTemplate.render
496 |     options.staticRenderFns = compiledTemplate.staticRenderFns
497 |   }
498 | 
499 |   // scopedId
500 |   if (scopeId) {
501 |     options._scopeId = scopeId
502 |   }
503 | 
504 |   // inject cssModules
505 |   if (cssModules) {
506 |     var computed = Object.create(options.computed || null)
507 |     Object.keys(cssModules).forEach(function (key) {
508 |       var module = cssModules[key]
509 |       computed[key] = function () { return module }
510 |     })
511 |     options.computed = computed
512 |   }
513 | 
514 |   return {
515 |     esModule: esModule,
516 |     exports: scriptExports,
517 |     options: options
518 |   }
519 | }
520 | 
521 | 
522 | /***/ }),
523 | /* 8 */
524 | /***/ (function(module, exports, __webpack_require__) {
525 | 
526 | "use strict";
527 | 
528 | 
529 | Object.defineProperty(exports, "__esModule", {
530 |   value: true
531 | });
532 | 
533 | 
534 | var isNumber = function isNumber(n) {
535 |   return !isNaN(parseFloat(n)) && isFinite(n);
536 | };
537 | 
538 | exports.default = {
539 |   props: {
540 |     'size': {
541 |       default: 32
542 |     },
543 |     'line-size': {
544 |       type: Number,
545 |       default: 3
546 |     },
547 |     'line-bg-color': {
548 |       type: String,
549 |       default: '#eee'
550 |     },
551 |     'line-fg-color': {
552 |       type: String,
553 |       default: '#2196f3' },
554 |     'speed': {
555 |       type: Number,
556 |       default: 0.8
557 |     },
558 |     'spacing': {
559 |       type: Number,
560 |       default: 4
561 |     },
562 |     'message': {
563 |       type: String,
564 |       default: ''
565 |     },
566 |     'font-size': {
567 |       type: Number,
568 |       default: 13
569 |     },
570 |     'text-fg-color': {
571 |       type: String,
572 |       default: '#555'
573 |     }
574 |   },
575 |   computed: {
576 |     size_px: function size_px() {
577 |       switch (this.size) {
578 |         case 'tiny':
579 |           return 12;
580 |         case 'small':
581 |           return 16;
582 |         case 'medium':
583 |           return 32;
584 |         case 'large':
585 |           return 48;
586 |         case 'big':
587 |           return 64;
588 |         case 'huge':
589 |           return 96;
590 |         case 'massive':
591 |           return 128;
592 |       }
593 | 
594 |       return isNumber(this.size) ? this.size : 32;
595 |     },
596 |     line_size_px: function line_size_px() {
597 |       switch (this.size) {
598 |         case 'tiny':
599 |           return 1;
600 |         case 'small':
601 |           return 2;
602 |         case 'medium':
603 |           return 3;
604 |         case 'large':
605 |           return 3;
606 |         case 'big':
607 |           return 4;
608 |         case 'huge':
609 |           return 4;
610 |         case 'massive':
611 |           return 5;
612 |       }
613 | 
614 |       return isNumber(this.lineSize) ? this.lineSize : 4;
615 |     },
616 |     text_margin_top: function text_margin_top() {
617 |       switch (this.size) {
618 |         case 'tiny':
619 |         case 'small':
620 |         case 'medium':
621 |         case 'large':
622 |         case 'big':
623 |         case 'huge':
624 |         case 'massive':
625 |           return Math.min(Math.max(Math.ceil(this.size_px / 8), 3), 12);
626 |       }
627 | 
628 |       return isNumber(this.spacing) ? this.spacing : 4;
629 |     },
630 |     text_font_size: function text_font_size() {
631 |       switch (this.size) {
632 |         case 'tiny':
633 |         case 'small':
634 |         case 'medium':
635 |         case 'large':
636 |         case 'big':
637 |         case 'huge':
638 |         case 'massive':
639 |           return Math.min(Math.max(Math.ceil(this.size_px * 0.4), 11), 32);
640 |       }
641 | 
642 |       return isNumber(this.fontSize) ? this.fontSize : 13;
643 |     },
644 |     spinner_style: function spinner_style() {
645 |       return {
646 |         'margin': '0 auto',
647 |         'border-radius': '100%',
648 |         'border': this.line_size_px + 'px solid ' + this.lineBgColor,
649 |         'border-top': this.line_size_px + 'px solid ' + this.lineFgColor,
650 |         'width': this.size_px + 'px',
651 |         'height': this.size_px + 'px',
652 |         'animation': 'vue-simple-spinner-spin ' + this.speed + 's linear infinite'
653 |       };
654 |     },
655 |     text_style: function text_style() {
656 |       return {
657 |         'margin-top': this.text_margin_top + 'px',
658 |         'color': this.textFgColor,
659 |         'font-size': this.text_font_size + 'px',
660 |         'text-align': 'center'
661 |       };
662 |     }
663 |   }
664 | };
665 | 
666 | /***/ }),
667 | /* 9 */
668 | /***/ (function(module, exports) {
669 | 
670 | module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
671 |   return _c('div', [_c('div', {
672 |     staticClass: "vue-simple-spinner",
673 |     style: (_vm.spinner_style)
674 |   }), _vm._v(" "), (_vm.message.length > 0) ? _c('div', {
675 |     staticClass: "vue-simple-spinner-text",
676 |     style: (_vm.text_style)
677 |   }, [_vm._v(_vm._s(_vm.message))]) : _vm._e()])
678 | },staticRenderFns: []}
679 | 
680 | /***/ })
681 | /******/ ])["default"];
682 | });


--------------------------------------------------------------------------------
/examples/examples.bundle.js:
--------------------------------------------------------------------------------
1 | !function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},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="",t(t.s=3)}([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={},i=0;i<this.length;i++){var s=this[i][0];"number"==typeof s&&(r[s]=!0)}for(i=0;i<t.length;i++){var a=t[i];"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,n){function r(e){for(var t=0;t<e.length;t++){var n=e[t],r=u[n.id];if(r){r.refs++;for(var i=0;i<r.parts.length;i++)r.parts[i](n.parts[i]);for(;i<n.parts.length;i++)r.parts.push(s(n.parts[i]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{for(var a=[],i=0;i<n.parts.length;i++)a.push(s(n.parts[i]));u[n.id]={id:n.id,refs:1,parts:a}}}}function i(){var e=document.createElement("style");return e.type="text/css",f.appendChild(e),e}function s(e){var t,n,r=document.querySelector('style[data-vue-ssr-id~="'+e.id+'"]');if(r){if(v)return h;r.parentNode.removeChild(r)}if(_){var s=d++;r=p||(p=i()),t=a.bind(null,r,s,!1),n=a.bind(null,r,s,!0)}else r=i(),t=o.bind(null,r),n=function(){r.parentNode.removeChild(r)};return t(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;t(e=r)}else n()}}function a(e,t,n,r){var i=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=m(t,i);else{var s=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(s,a[t]):e.appendChild(s)}}function o(e,t){var n=t.css,r=t.media,i=t.sourceMap;if(r&&e.setAttribute("media",r),i&&(n+="\n/*# sourceURL="+i.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var l="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!l)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var c=n(9),u={},f=l&&(document.head||document.getElementsByTagName("head")[0]),p=null,d=0,v=!1,h=function(){},_="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,t,n){v=n;var i=c(e,t);return r(i),function(t){for(var n=[],s=0;s<i.length;s++){var a=i[s],o=u[a.id];o.refs--,n.push(o)}t?(i=c(e,t),r(i)):i=[];for(var s=0;s<n.length;s++){var o=n[s];if(0===o.refs){for(var l=0;l<o.parts.length;l++)o.parts[l]();delete u[o.id]}}}};var m=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=function(e,t,n,r){var i,s=e=e||{},a=typeof e.default;"object"!==a&&"function"!==a||(i=e,s=e.default);var o="function"==typeof s?s.options:s;if(t&&(o.render=t.render,o.staticRenderFns=t.staticRenderFns),n&&(o._scopeId=n),r){var l=Object.create(o.computed||null);Object.keys(r).forEach(function(e){var t=r[e];l[e]=function(){return t}}),o.computed=l}return{esModule:i,exports:s,options:o}}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}var i=n(4),s=r(i),a=n(6),o=r(a);new s.default({el:"#app",render:function(e){return e(o.default)}})},function(e,t,n){"use strict";(function(t){/*!
2 |  * Vue.js v2.2.6
3 |  * (c) 2014-2017 Evan You
4 |  * Released under the MIT License.
5 |  */
6 | function n(e){return null==e?"":"object"==typeof e?JSON.stringify(e,null,2):String(e)}function r(e){var t=parseFloat(e);return isNaN(t)?e:t}function i(e,t){for(var n=Object.create(null),r=e.split(","),i=0;i<r.length;i++)n[r[i]]=!0;return t?function(e){return n[e.toLowerCase()]}:function(e){return n[e]}}function s(e,t){if(e.length){var n=e.indexOf(t);if(n>-1)return e.splice(n,1)}}function a(e,t){return wi.call(e,t)}function o(e){return"string"==typeof e||"number"==typeof e}function l(e){var t=Object.create(null);return function(n){return t[n]||(t[n]=e(n))}}function c(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 u(e,t){t=t||0;for(var n=e.length-t,r=new Array(n);n--;)r[n]=e[n+t];return r}function f(e,t){for(var n in t)e[n]=t[n];return e}function p(e){return null!==e&&"object"==typeof e}function d(e){return Ti.call(e)===zi}function v(e){for(var t={},n=0;n<e.length;n++)e[n]&&f(t,e[n]);return t}function h(){}function _(e,t){var n=p(e),r=p(t);if(!n||!r)return!n&&!r&&String(e)===String(t);try{return JSON.stringify(e)===JSON.stringify(t)}catch(n){return e===t}}function m(e,t){for(var n=0;n<e.length;n++)if(_(e[n],t))return n;return-1}function g(e){var t=!1;return function(){t||(t=!0,e())}}function y(e){var t=(e+"").charCodeAt(0);return 36===t||95===t}function b(e,t,n,r){Object.defineProperty(e,t,{value:n,enumerable:!!r,writable:!0,configurable:!0})}function x(e){if(!Li.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 C(e){return/native code/.test(e.toString())}function w(e){Yi.target&&Qi.push(Yi.target),Yi.target=e}function $(){Yi.target=Qi.pop()}function k(e,t){e.__proto__=t}function A(e,t,n){for(var r=0,i=n.length;r<i;r++){var s=n[r];b(e,s,t[s])}}function S(e,t){if(p(e)){var n;return a(e,"__ob__")&&e.__ob__ instanceof rs?n=e.__ob__:ns.shouldConvert&&!Ji()&&(Array.isArray(e)||d(e))&&Object.isExtensible(e)&&!e._isVue&&(n=new rs(e)),t&&n&&n.vmCount++,n}}function O(e,t,n,r){var i=new Yi,s=Object.getOwnPropertyDescriptor(e,t);if(!s||!1!==s.configurable){var a=s&&s.get,o=s&&s.set,l=S(n);Object.defineProperty(e,t,{enumerable:!0,configurable:!0,get:function(){var t=a?a.call(e):n;return Yi.target&&(i.depend(),l&&l.dep.depend(),Array.isArray(t)&&M(t)),t},set:function(t){var r=a?a.call(e):n;t===r||t!==t&&r!==r||(o?o.call(e,t):n=t,l=S(t),i.notify())}})}}function T(e,t,n){if(Array.isArray(e)&&"number"==typeof t)return e.length=Math.max(e.length,t),e.splice(t,1,n),n;if(a(e,t))return e[t]=n,n;var r=e.__ob__;return e._isVue||r&&r.vmCount?n:r?(O(r.value,t,n),r.dep.notify(),n):(e[t]=n,n)}function z(e,t){if(Array.isArray(e)&&"number"==typeof t)return void e.splice(t,1);var n=e.__ob__;e._isVue||n&&n.vmCount||a(e,t)&&(delete e[t],n&&n.dep.notify())}function M(e){for(var t=void 0,n=0,r=e.length;n<r;n++)t=e[n],t&&t.__ob__&&t.__ob__.dep.depend(),Array.isArray(t)&&M(t)}function E(e,t){if(!t)return e;for(var n,r,i,s=Object.keys(t),o=0;o<s.length;o++)n=s[o],r=e[n],i=t[n],a(e,n)?d(r)&&d(i)&&E(r,i):T(e,n,i);return e}function j(e,t){return t?e?e.concat(t):Array.isArray(t)?t:[t]:e}function N(e,t){var n=Object.create(e||null);return t?f(n,t):n}function L(e){var t=e.props;if(t){var n,r,i,s={};if(Array.isArray(t))for(n=t.length;n--;)"string"==typeof(r=t[n])&&(i=ki(r),s[i]={type:null});else if(d(t))for(var a in t)r=t[a],i=ki(a),s[i]=d(r)?r:{type:r};e.props=s}}function I(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 D(e,t,n){function r(r){var i=is[r]||ss;u[r]=i(e[r],t[r],n,r)}L(t),I(t);var i=t.extends;if(i&&(e="function"==typeof i?D(e,i.options,n):D(e,i,n)),t.mixins)for(var s=0,o=t.mixins.length;s<o;s++){var l=t.mixins[s];l.prototype instanceof it&&(l=l.options),e=D(e,l,n)}var c,u={};for(c in e)r(c);for(c in t)a(e,c)||r(c);return u}function P(e,t,n,r){if("string"==typeof n){var i=e[t];if(a(i,n))return i[n];var s=ki(n);if(a(i,s))return i[s];var o=Ai(s);if(a(i,o))return i[o];return i[n]||i[s]||i[o]}}function R(e,t,n,r){var i=t[e],s=!a(n,e),o=n[e];if(U(Boolean,i.type)&&(s&&!a(i,"default")?o=!1:U(String,i.type)||""!==o&&o!==Oi(e)||(o=!0)),void 0===o){o=F(r,i,e);var l=ns.shouldConvert;ns.shouldConvert=!0,S(o),ns.shouldConvert=l}return o}function F(e,t,n){if(a(t,"default")){var r=t.default;return e&&e.$options.propsData&&void 0===e.$options.propsData[n]&&void 0!==e._props[n]?e._props[n]:"function"==typeof r&&"Function"!==B(t.type)?r.call(e):r}}function B(e){var t=e&&e.toString().match(/^\s*function (\w+)/);return t&&t[1]}function U(e,t){if(!Array.isArray(t))return B(t)===B(e);for(var n=0,r=t.length;n<r;n++)if(B(t[n])===B(e))return!0;return!1}function H(e,t,n){if(ji.errorHandler)ji.errorHandler.call(null,e,t,n);else{if(!Di||"undefined"==typeof console)throw e;console.error(e)}}function V(e){return new as(void 0,void 0,void 0,String(e))}function J(e){var t=new as(e.tag,e.data,e.children,e.text,e.elm,e.context,e.componentOptions);return t.ns=e.ns,t.isStatic=e.isStatic,t.key=e.key,t.isCloned=!0,t}function q(e){for(var t=e.length,n=new Array(t),r=0;r<t;r++)n[r]=J(e[r]);return n}function K(e){function t(){var e=arguments,n=t.fns;if(!Array.isArray(n))return n.apply(null,arguments);for(var r=0;r<n.length;r++)n[r].apply(null,e)}return t.fns=e,t}function W(e,t,n,r,i){var s,a,o,l;for(s in e)a=e[s],o=t[s],l=us(s),a&&(o?a!==o&&(o.fns=a,e[s]=o):(a.fns||(a=e[s]=K(a)),n(l.name,a,l.once,l.capture)));for(s in t)e[s]||(l=us(s),r(l.name,t[s],l.capture))}function G(e,t,n){function r(){n.apply(this,arguments),s(i.fns,r)}var i,a=e[t];a?a.fns&&a.merged?(i=a,i.fns.push(r)):i=K([a,r]):i=K([r]),i.merged=!0,e[t]=i}function Z(e){for(var t=0;t<e.length;t++)if(Array.isArray(e[t]))return Array.prototype.concat.apply([],e);return e}function Y(e){return o(e)?[V(e)]:Array.isArray(e)?Q(e):void 0}function Q(e,t){var n,r,i,s=[];for(n=0;n<e.length;n++)null!=(r=e[n])&&"boolean"!=typeof r&&(i=s[s.length-1],Array.isArray(r)?s.push.apply(s,Q(r,(t||"")+"_"+n)):o(r)?i&&i.text?i.text+=String(r):""!==r&&s.push(V(r)):r.text&&i&&i.text?s[s.length-1]=V(i.text+r.text):(r.tag&&null==r.key&&null!=t&&(r.key="__vlist"+t+"_"+n+"__"),s.push(r)));return s}function X(e){return e&&e.filter(function(e){return e&&e.componentOptions})[0]}function ee(e){e._events=Object.create(null),e._hasHookEvent=!1;var t=e.$options._parentListeners;t&&re(e,t)}function te(e,t,n){n?ls.$once(e,t):ls.$on(e,t)}function ne(e,t){ls.$off(e,t)}function re(e,t,n){ls=e,W(t,n||{},te,ne,e)}function ie(e,t){var n={};if(!e)return n;for(var r,i,s=[],a=0,o=e.length;a<o;a++)if(i=e[a],(i.context===t||i.functionalContext===t)&&i.data&&(r=i.data.slot)){var l=n[r]||(n[r]=[]);"template"===i.tag?l.push.apply(l,i.children):l.push(i)}else s.push(i);return s.every(se)||(n.default=s),n}function se(e){return e.isComment||" "===e.text}function ae(e){for(var t={},n=0;n<e.length;n++)t[e[n][0]]=e[n][1];return t}function oe(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=null,e._directInactive=!1,e._isMounted=!1,e._isDestroyed=!1,e._isBeingDestroyed=!1}function le(e,t,n){e.$el=t,e.$options.render||(e.$options.render=cs),de(e,"beforeMount");var r;return r=function(){e._update(e._render(),n)},e._watcher=new gs(e,r,h),n=!1,null==e.$vnode&&(e._isMounted=!0,de(e,"mounted")),e}function ce(e,t,n,r,i){var s=!!(i||e.$options._renderChildren||r.data.scopedSlots||e.$scopedSlots!==Ni);if(e.$options._parentVnode=r,e.$vnode=r,e._vnode&&(e._vnode.parent=r),e.$options._renderChildren=i,t&&e.$options.props){ns.shouldConvert=!1;for(var a=e._props,o=e.$options._propKeys||[],l=0;l<o.length;l++){var c=o[l];a[c]=R(c,e.$options.props,t,e)}ns.shouldConvert=!0,e.$options.propsData=t}if(n){var u=e.$options._parentListeners;e.$options._parentListeners=n,re(e,n,u)}s&&(e.$slots=ie(i,r.context),e.$forceUpdate())}function ue(e){for(;e&&(e=e.$parent);)if(e._inactive)return!0;return!1}function fe(e,t){if(t){if(e._directInactive=!1,ue(e))return}else if(e._directInactive)return;if(e._inactive||null==e._inactive){e._inactive=!1;for(var n=0;n<e.$children.length;n++)fe(e.$children[n]);de(e,"activated")}}function pe(e,t){if(!(t&&(e._directInactive=!0,ue(e))||e._inactive)){e._inactive=!0;for(var n=0;n<e.$children.length;n++)pe(e.$children[n]);de(e,"deactivated")}}function de(e,t){var n=e.$options[t];if(n)for(var r=0,i=n.length;r<i;r++)try{n[r].call(e)}catch(n){H(n,e,t+" hook")}e._hasHookEvent&&e.$emit("hook:"+t)}function ve(){ps.length=0,ds={},vs=hs=!1}function he(){hs=!0;var e,t,n;for(ps.sort(function(e,t){return e.id-t.id}),_s=0;_s<ps.length;_s++)e=ps[_s],t=e.id,ds[t]=null,e.run();var r=ps.slice();for(ve(),_s=r.length;_s--;)e=r[_s],n=e.vm,n._watcher===e&&n._isMounted&&de(n,"updated");qi&&ji.devtools&&qi.emit("flush")}function _e(e){var t=e.id;if(null==ds[t]){if(ds[t]=!0,hs){for(var n=ps.length-1;n>=0&&ps[n].id>e.id;)n--;ps.splice(Math.max(n,_s)+1,0,e)}else ps.push(e);vs||(vs=!0,Wi(he))}}function me(e){ys.clear(),ge(e,ys)}function ge(e,t){var n,r,i=Array.isArray(e);if((i||p(e))&&Object.isExtensible(e)){if(e.__ob__){var s=e.__ob__.dep.id;if(t.has(s))return;t.add(s)}if(i)for(n=e.length;n--;)ge(e[n],t);else for(r=Object.keys(e),n=r.length;n--;)ge(e[r[n]],t)}}function ye(e,t,n){bs.get=function(){return this[t][n]},bs.set=function(e){this[t][n]=e},Object.defineProperty(e,n,bs)}function be(e){e._watchers=[];var t=e.$options;t.props&&xe(e,t.props),t.methods&&Se(e,t.methods),t.data?Ce(e):S(e._data={},!0),t.computed&&$e(e,t.computed),t.watch&&Oe(e,t.watch)}function xe(e,t){var n=e.$options.propsData||{},r=e._props={},i=e.$options._propKeys=[],s=!e.$parent;ns.shouldConvert=s;for(var a in t)!function(s){i.push(s);var a=R(s,t,n,e);O(r,s,a),s in e||ye(e,"_props",s)}(a);ns.shouldConvert=!0}function Ce(e){var t=e.$options.data;t=e._data="function"==typeof t?we(t,e):t||{},d(t)||(t={});for(var n=Object.keys(t),r=e.$options.props,i=n.length;i--;)r&&a(r,n[i])||y(n[i])||ye(e,"_data",n[i]);S(t,!0)}function we(e,t){try{return e.call(t)}catch(e){return H(e,t,"data()"),{}}}function $e(e,t){var n=e._computedWatchers=Object.create(null);for(var r in t){var i=t[r],s="function"==typeof i?i:i.get;n[r]=new gs(e,s,h,xs),r in e||ke(e,r,i)}}function ke(e,t,n){"function"==typeof n?(bs.get=Ae(t),bs.set=h):(bs.get=n.get?!1!==n.cache?Ae(t):n.get:h,bs.set=n.set?n.set:h),Object.defineProperty(e,t,bs)}function Ae(e){return function(){var t=this._computedWatchers&&this._computedWatchers[e];if(t)return t.dirty&&t.evaluate(),Yi.target&&t.depend(),t.value}}function Se(e,t){e.$options.props;for(var n in t)e[n]=null==t[n]?h:c(t[n],e)}function Oe(e,t){for(var n in t){var r=t[n];if(Array.isArray(r))for(var i=0;i<r.length;i++)Te(e,n,r[i]);else Te(e,n,r)}}function Te(e,t,n){var r;d(n)&&(r=n,n=n.handler),"string"==typeof n&&(n=e[n]),e.$watch(t,n,r)}function ze(e,t,n,r,i){if(e){var s=n.$options._base;if(p(e)&&(e=s.extend(e)),"function"==typeof e){if(!e.cid)if(e.resolved)e=e.resolved;else if(!(e=je(e,s,function(){n.$forceUpdate()})))return;tt(e),t=t||{},t.model&&Pe(e.options,t);var a=Ne(t,e,i);if(e.options.functional)return Me(e,a,t,n,r);var o=t.on;t.on=t.nativeOn,e.options.abstract&&(t={}),Ie(t);var l=e.options.name||i;return new as("vue-component-"+e.cid+(l?"-"+l:""),t,void 0,void 0,void 0,n,{Ctor:e,propsData:a,listeners:o,tag:i,children:r})}}}function Me(e,t,n,r,i){var s={},a=e.options.props;if(a)for(var o in a)s[o]=R(o,a,t);var l=Object.create(r),c=function(e,t,n,r){return Re(l,e,t,n,r,!0)},u=e.options.render.call(null,c,{props:s,data:n,parent:r,children:i,slots:function(){return ie(i,r)}});return u instanceof as&&(u.functionalContext=r,n.slot&&((u.data||(u.data={})).slot=n.slot)),u}function Ee(e,t,n,r){var i=e.componentOptions,s={_isComponent:!0,parent:t,propsData:i.propsData,_componentTag:i.tag,_parentVnode:e,_parentListeners:i.listeners,_renderChildren:i.children,_parentElm:n||null,_refElm:r||null},a=e.data.inlineTemplate;return a&&(s.render=a.render,s.staticRenderFns=a.staticRenderFns),new i.Ctor(s)}function je(e,t,n){if(!e.requested){e.requested=!0;var r=e.pendingCallbacks=[n],i=!0,s=function(n){if(p(n)&&(n=t.extend(n)),e.resolved=n,!i)for(var s=0,a=r.length;s<a;s++)r[s](n)},a=function(e){},o=e(s,a);return o&&"function"==typeof o.then&&!e.resolved&&o.then(s,a),i=!1,e.resolved}e.pendingCallbacks.push(n)}function Ne(e,t,n){var r=t.options.props;if(r){var i={},s=e.attrs,a=e.props,o=e.domProps;if(s||a||o)for(var l in r){var c=Oi(l);Le(i,a,l,c,!0)||Le(i,s,l,c)||Le(i,o,l,c)}return i}}function Le(e,t,n,r,i){if(t){if(a(t,n))return e[n]=t[n],i||delete t[n],!0;if(a(t,r))return e[n]=t[r],i||delete t[r],!0}return!1}function Ie(e){e.hook||(e.hook={});for(var t=0;t<ws.length;t++){var n=ws[t],r=e.hook[n],i=Cs[n];e.hook[n]=r?De(i,r):i}}function De(e,t){return function(n,r,i,s){e(n,r,i,s),t(n,r,i,s)}}function Pe(e,t){var n=e.model&&e.model.prop||"value",r=e.model&&e.model.event||"input";(t.props||(t.props={}))[n]=t.model.value;var i=t.on||(t.on={});i[r]?i[r]=[t.model.callback].concat(i[r]):i[r]=t.model.callback}function Re(e,t,n,r,i,s){return(Array.isArray(n)||o(n))&&(i=r,r=n,n=void 0),s&&(i=ks),Fe(e,t,n,r,i)}function Fe(e,t,n,r,i){if(n&&n.__ob__)return cs();if(!t)return cs();Array.isArray(r)&&"function"==typeof r[0]&&(n=n||{},n.scopedSlots={default:r[0]},r.length=0),i===ks?r=Y(r):i===$s&&(r=Z(r));var s,a;if("string"==typeof t){var o;a=ji.getTagNamespace(t),s=ji.isReservedTag(t)?new as(ji.parsePlatformTagName(t),n,r,void 0,void 0,e):(o=P(e.$options,"components",t))?ze(o,n,e,r,t):new as(t,n,r,void 0,void 0,e)}else s=ze(t,n,e,r);return s?(a&&Be(s,a),s):cs()}function Be(e,t){if(e.ns=t,"foreignObject"!==e.tag&&e.children)for(var n=0,r=e.children.length;n<r;n++){var i=e.children[n];i.tag&&!i.ns&&Be(i,t)}}function Ue(e,t){var n,r,i,s,a;if(Array.isArray(e)||"string"==typeof e)for(n=new Array(e.length),r=0,i=e.length;r<i;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(p(e))for(s=Object.keys(e),n=new Array(s.length),r=0,i=s.length;r<i;r++)a=s[r],n[r]=t(e[a],a,r);return n}function He(e,t,n,r){var i=this.$scopedSlots[e];if(i)return n=n||{},r&&f(n,r),i(n)||t;var s=this.$slots[e];return s||t}function Ve(e){return P(this.$options,"filters",e,!0)||Ei}function Je(e,t,n){var r=ji.keyCodes[t]||n;return Array.isArray(r)?-1===r.indexOf(e):r!==e}function qe(e,t,n,r){if(n)if(p(n)){Array.isArray(n)&&(n=v(n));var i;for(var s in n){if("class"===s||"style"===s)i=e;else{var a=e.attrs&&e.attrs.type;i=r||ji.mustUseProp(t,a,s)?e.domProps||(e.domProps={}):e.attrs||(e.attrs={})}s in i||(i[s]=n[s])}}else;return e}function Ke(e,t){var n=this._staticTrees[e];return n&&!t?Array.isArray(n)?q(n):J(n):(n=this._staticTrees[e]=this.$options.staticRenderFns[e].call(this._renderProxy),Ge(n,"__static__"+e,!1),n)}function We(e,t,n){return Ge(e,"__once__"+t+(n?"_"+n:""),!0),e}function Ge(e,t,n){if(Array.isArray(e))for(var r=0;r<e.length;r++)e[r]&&"string"!=typeof e[r]&&Ze(e[r],t+"_"+r,n);else Ze(e,t,n)}function Ze(e,t,n){e.isStatic=!0,e.key=t,e.isOnce=n}function Ye(e){e.$vnode=null,e._vnode=null,e._staticTrees=null;var t=e.$options._parentVnode,n=t&&t.context;e.$slots=ie(e.$options._renderChildren,n),e.$scopedSlots=Ni,e._c=function(t,n,r,i){return Re(e,t,n,r,i,!1)},e.$createElement=function(t,n,r,i){return Re(e,t,n,r,i,!0)}}function Qe(e){var t=e.$options.provide;t&&(e._provided="function"==typeof t?t.call(e):t)}function Xe(e){var t=e.$options.inject;if(t)for(var n=Array.isArray(t),r=n?t:Ki?Reflect.ownKeys(t):Object.keys(t),i=0;i<r.length;i++)!function(i){for(var s=r[i],a=n?s:t[s],o=e;o;){if(o._provided&&a in o._provided){O(e,s,o._provided[a]);break}o=o.$parent}}(i)}function et(e,t){var n=e.$options=Object.create(e.constructor.options);n.parent=t.parent,n.propsData=t.propsData,n._parentVnode=t._parentVnode,n._parentListeners=t._parentListeners,n._renderChildren=t._renderChildren,n._componentTag=t._componentTag,n._parentElm=t._parentElm,n._refElm=t._refElm,t.render&&(n.render=t.render,n.staticRenderFns=t.staticRenderFns)}function tt(e){var t=e.options;if(e.super){var n=tt(e.super);if(n!==e.superOptions){e.superOptions=n;var r=nt(e);r&&f(e.extendOptions,r),t=e.options=D(n,e.extendOptions),t.name&&(t.components[t.name]=e)}}return t}function nt(e){var t,n=e.options,r=e.sealedOptions;for(var i in n)n[i]!==r[i]&&(t||(t={}),t[i]=rt(n[i],r[i]));return t}function rt(e,t){if(Array.isArray(e)){var n=[];t=Array.isArray(t)?t:[t];for(var r=0;r<e.length;r++)t.indexOf(e[r])<0&&n.push(e[r]);return n}return e}function it(e){this._init(e)}function st(e){e.use=function(e){if(!e.installed){var t=u(arguments,1);return t.unshift(this),"function"==typeof e.install?e.install.apply(e,t):"function"==typeof e&&e.apply(null,t),e.installed=!0,this}}}function at(e){e.mixin=function(e){this.options=D(this.options,e)}}function ot(e){e.cid=0;var t=1;e.extend=function(e){e=e||{};var n=this,r=n.cid,i=e._Ctor||(e._Ctor={});if(i[r])return i[r];var s=e.name||n.options.name,a=function(e){this._init(e)};return a.prototype=Object.create(n.prototype),a.prototype.constructor=a,a.cid=t++,a.options=D(n.options,e),a.super=n,a.options.props&&lt(a),a.options.computed&&ct(a),a.extend=n.extend,a.mixin=n.mixin,a.use=n.use,ji._assetTypes.forEach(function(e){a[e]=n[e]}),s&&(a.options.components[s]=a),a.superOptions=n.options,a.extendOptions=e,a.sealedOptions=f({},a.options),i[r]=a,a}}function lt(e){var t=e.options.props;for(var n in t)ye(e.prototype,"_props",n)}function ct(e){var t=e.options.computed;for(var n in t)ke(e.prototype,n,t[n])}function ut(e){ji._assetTypes.forEach(function(t){e[t]=function(e,n){return n?("component"===t&&d(n)&&(n.name=n.name||e,n=this.options._base.extend(n)),"directive"===t&&"function"==typeof n&&(n={bind:n,update:n}),this.options[t+"s"][e]=n,n):this.options[t+"s"][e]}})}function ft(e){return e&&(e.Ctor.options.name||e.tag)}function pt(e,t){return"string"==typeof e?e.split(",").indexOf(t)>-1:e instanceof RegExp&&e.test(t)}function dt(e,t){for(var n in e){var r=e[n];if(r){var i=ft(r.componentOptions);i&&!t(i)&&(vt(r),e[n]=null)}}}function vt(e){e&&(e.componentInstance._inactive||de(e.componentInstance,"deactivated"),e.componentInstance.$destroy())}function ht(e){for(var t=e.data,n=e,r=e;r.componentInstance;)r=r.componentInstance._vnode,r.data&&(t=_t(r.data,t));for(;n=n.parent;)n.data&&(t=_t(t,n.data));return mt(t)}function _t(e,t){return{staticClass:gt(e.staticClass,t.staticClass),class:e.class?[e.class,t.class]:t.class}}function mt(e){var t=e.class,n=e.staticClass;return n||t?gt(n,yt(t)):""}function gt(e,t){return e?t?e+" "+t:e:t||""}function yt(e){var t="";if(!e)return t;if("string"==typeof e)return e;if(Array.isArray(e)){for(var n,r=0,i=e.length;r<i;r++)e[r]&&(n=yt(e[r]))&&(t+=n+" ");return t.slice(0,-1)}if(p(e)){for(var s in e)e[s]&&(t+=s+" ");return t.slice(0,-1)}return t}function bt(e){return Gs(e)?"svg":"math"===e?"math":void 0}function xt(e){if(!Di)return!0;if(Ys(e))return!1;if(e=e.toLowerCase(),null!=Qs[e])return Qs[e];var t=document.createElement(e);return e.indexOf("-")>-1?Qs[e]=t.constructor===window.HTMLUnknownElement||t.constructor===window.HTMLElement:Qs[e]=/HTMLUnknownElement/.test(t.toString())}function Ct(e){if("string"==typeof e){var t=document.querySelector(e);return t||document.createElement("div")}return e}function wt(e,t){var n=document.createElement(e);return"select"!==e?n:(t.data&&t.data.attrs&&void 0!==t.data.attrs.multiple&&n.setAttribute("multiple","multiple"),n)}function $t(e,t){return document.createElementNS(Ks[e],t)}function kt(e){return document.createTextNode(e)}function At(e){return document.createComment(e)}function St(e,t,n){e.insertBefore(t,n)}function Ot(e,t){e.removeChild(t)}function Tt(e,t){e.appendChild(t)}function zt(e){return e.parentNode}function Mt(e){return e.nextSibling}function Et(e){return e.tagName}function jt(e,t){e.textContent=t}function Nt(e,t,n){e.setAttribute(t,n)}function Lt(e,t){var n=e.data.ref;if(n){var r=e.context,i=e.componentInstance||e.elm,a=r.$refs;t?Array.isArray(a[n])?s(a[n],i):a[n]===i&&(a[n]=void 0):e.data.refInFor?Array.isArray(a[n])&&a[n].indexOf(i)<0?a[n].push(i):a[n]=[i]:a[n]=i}}function It(e){return void 0===e||null===e}function Dt(e){return void 0!==e&&null!==e}function Pt(e){return!0===e}function Rt(e,t){return e.key===t.key&&e.tag===t.tag&&e.isComment===t.isComment&&Dt(e.data)===Dt(t.data)&&Ft(e,t)}function Ft(e,t){if("input"!==e.tag)return!0;var n;return(Dt(n=e.data)&&Dt(n=n.attrs)&&n.type)===(Dt(n=t.data)&&Dt(n=n.attrs)&&n.type)}function Bt(e,t,n){var r,i,s={};for(r=t;r<=n;++r)i=e[r].key,Dt(i)&&(s[i]=r);return s}function Ut(e,t){(e.data.directives||t.data.directives)&&Ht(e,t)}function Ht(e,t){var n,r,i,s=e===ta,a=t===ta,o=Vt(e.data.directives,e.context),l=Vt(t.data.directives,t.context),c=[],u=[];for(n in l)r=o[n],i=l[n],r?(i.oldValue=r.value,qt(i,"update",t,e),i.def&&i.def.componentUpdated&&u.push(i)):(qt(i,"bind",t,e),i.def&&i.def.inserted&&c.push(i));if(c.length){var f=function(){for(var n=0;n<c.length;n++)qt(c[n],"inserted",t,e)};s?G(t.data.hook||(t.data.hook={}),"insert",f):f()}if(u.length&&G(t.data.hook||(t.data.hook={}),"postpatch",function(){for(var n=0;n<u.length;n++)qt(u[n],"componentUpdated",t,e)}),!s)for(n in o)l[n]||qt(o[n],"unbind",e,e,a)}function Vt(e,t){var n=Object.create(null);if(!e)return n;var r,i;for(r=0;r<e.length;r++)i=e[r],i.modifiers||(i.modifiers=ia),n[Jt(i)]=i,i.def=P(t.$options,"directives",i.name,!0);return n}function Jt(e){return e.rawName||e.name+"."+Object.keys(e.modifiers||{}).join(".")}function qt(e,t,n,r,i){var s=e.def&&e.def[t];s&&s(n.elm,e,n,r,i)}function Kt(e,t){if(e.data.attrs||t.data.attrs){var n,r,i=t.elm,s=e.data.attrs||{},a=t.data.attrs||{};a.__ob__&&(a=t.data.attrs=f({},a));for(n in a)r=a[n],s[n]!==r&&Wt(i,n,r);Fi&&a.value!==s.value&&Wt(i,"value",a.value);for(n in s)null==a[n]&&(Vs(n)?i.removeAttributeNS(Hs,Js(n)):Bs(n)||i.removeAttribute(n))}}function Wt(e,t,n){Us(t)?qs(n)?e.removeAttribute(t):e.setAttribute(t,t):Bs(t)?e.setAttribute(t,qs(n)||"false"===n?"false":"true"):Vs(t)?qs(n)?e.removeAttributeNS(Hs,Js(t)):e.setAttributeNS(Hs,t,n):qs(n)?e.removeAttribute(t):e.setAttribute(t,n)}function Gt(e,t){var n=t.elm,r=t.data,i=e.data;if(r.staticClass||r.class||i&&(i.staticClass||i.class)){var s=ht(t),a=n._transitionClasses;a&&(s=gt(s,yt(a))),s!==n._prevClass&&(n.setAttribute("class",s),n._prevClass=s)}}function Zt(e){function t(){(a||(a=[])).push(e.slice(v,i).trim()),v=i+1}var n,r,i,s,a,o=!1,l=!1,c=!1,u=!1,f=0,p=0,d=0,v=0;for(i=0;i<e.length;i++)if(r=n,n=e.charCodeAt(i),o)39===n&&92!==r&&(o=!1);else if(l)34===n&&92!==r&&(l=!1);else if(c)96===n&&92!==r&&(c=!1);else if(u)47===n&&92!==r&&(u=!1);else if(124!==n||124===e.charCodeAt(i+1)||124===e.charCodeAt(i-1)||f||p||d){switch(n){case 34:l=!0;break;case 39:o=!0;break;case 96:c=!0;break;case 40:d++;break;case 41:d--;break;case 91:p++;break;case 93:p--;break;case 123:f++;break;case 125:f--}if(47===n){for(var h=i-1,_=void 0;h>=0&&" "===(_=e.charAt(h));h--);_&&la.test(_)||(u=!0)}}else void 0===s?(v=i+1,s=e.slice(0,i).trim()):t();if(void 0===s?s=e.slice(0,i).trim():0!==v&&t(),a)for(i=0;i<a.length;i++)s=Yt(s,a[i]);return s}function Yt(e,t){var n=t.indexOf("(");return n<0?'_f("'+t+'")('+e+")":'_f("'+t.slice(0,n)+'")('+e+","+t.slice(n+1)}function Qt(e){console.error("[Vue compiler]: "+e)}function Xt(e,t){return e?e.map(function(e){return e[t]}).filter(function(e){return e}):[]}function en(e,t,n){(e.props||(e.props=[])).push({name:t,value:n})}function tn(e,t,n){(e.attrs||(e.attrs=[])).push({name:t,value:n})}function nn(e,t,n,r,i,s){(e.directives||(e.directives=[])).push({name:t,rawName:n,value:r,arg:i,modifiers:s})}function rn(e,t,n,r,i){r&&r.capture&&(delete r.capture,t="!"+t),r&&r.once&&(delete r.once,t="~"+t);var s;r&&r.native?(delete r.native,s=e.nativeEvents||(e.nativeEvents={})):s=e.events||(e.events={});var a={value:n,modifiers:r},o=s[t];Array.isArray(o)?i?o.unshift(a):o.push(a):s[t]=o?i?[a,o]:[o,a]:a}function sn(e,t,n){var r=an(e,":"+t)||an(e,"v-bind:"+t);if(null!=r)return Zt(r);if(!1!==n){var i=an(e,t);if(null!=i)return JSON.stringify(i)}}function an(e,t){var n;if(null!=(n=e.attrsMap[t]))for(var r=e.attrsList,i=0,s=r.length;i<s;i++)if(r[i].name===t){r.splice(i,1);break}return n}function on(e,t,n){var r=n||{},i=r.number,s=r.trim,a="$$v";s&&(a="(typeof $$v === 'string'? $$v.trim(): $$v)"),i&&(a="_n("+a+")");var o=ln(t,a);e.model={value:"("+t+")",expression:'"'+t+'"',callback:"function ($$v) {"+o+"}"}}function ln(e,t){var n=cn(e);return null===n.idx?e+"="+t:"var $$exp = "+n.exp+", $$idx = "+n.idx+";if (!Array.isArray($$exp)){"+e+"="+t+"}else{$$exp.splice($$idx, 1, "+t+")}"}function cn(e){if(Ms=e,zs=Ms.length,js=Ns=Ls=0,e.indexOf("[")<0||e.lastIndexOf("]")<zs-1)return{exp:e,idx:null};for(;!fn();)Es=un(),pn(Es)?vn(Es):91===Es&&dn(Es);return{exp:e.substring(0,Ns),idx:e.substring(Ns+1,Ls)}}function un(){return Ms.charCodeAt(++js)}function fn(){return js>=zs}function pn(e){return 34===e||39===e}function dn(e){var t=1;for(Ns=js;!fn();)if(e=un(),pn(e))vn(e);else if(91===e&&t++,93===e&&t--,0===t){Ls=js;break}}function vn(e){for(var t=e;!fn()&&(e=un())!==t;);}function hn(e,t,n){Is=n;var r=t.value,i=t.modifiers,s=e.tag,a=e.attrsMap.type;if("select"===s)gn(e,r,i);else if("input"===s&&"checkbox"===a)_n(e,r,i);else if("input"===s&&"radio"===a)mn(e,r,i);else if("input"===s||"textarea"===s)yn(e,r,i);else if(!ji.isReservedTag(s))return on(e,r,i),!1;return!0}function _n(e,t,n){var r=n&&n.number,i=sn(e,"value")||"null",s=sn(e,"true-value")||"true",a=sn(e,"false-value")||"false";en(e,"checked","Array.isArray("+t+")?_i("+t+","+i+")>-1"+("true"===s?":("+t+")":":_q("+t+","+s+")")),rn(e,ua,"var $$a="+t+",$$el=$event.target,$$c=$$el.checked?("+s+"):("+a+");if(Array.isArray($$a)){var $$v="+(r?"_n("+i+")":i)+",$$i=_i($$a,$$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 mn(e,t,n){var r=n&&n.number,i=sn(e,"value")||"null";i=r?"_n("+i+")":i,en(e,"checked","_q("+t+","+i+")"),rn(e,ua,ln(t,i),null,!0)}function gn(e,t,n){var r=n&&n.number,i='Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return '+(r?"_n(val)":"val")+"})",s="var $$selectedVal = "+i+";";s=s+" "+ln(t,"$event.target.multiple ? $$selectedVal : $$selectedVal[0]"),rn(e,"change",s,null,!0)}function yn(e,t,n){var r=e.attrsMap.type,i=n||{},s=i.lazy,a=i.number,o=i.trim,l=!s&&"range"!==r,c=s?"change":"range"===r?ca:"input",u="$event.target.value";o&&(u="$event.target.value.trim()"),a&&(u="_n("+u+")");var f=ln(t,u);l&&(f="if($event.target.composing)return;"+f),en(e,"value","("+t+")"),rn(e,c,f,null,!0),(o||a||"number"===r)&&rn(e,"blur","$forceUpdate()")}function bn(e){var t;e[ca]&&(t=Ri?"change":"input",e[t]=[].concat(e[ca],e[t]||[]),delete e[ca]),e[ua]&&(t=Vi?"click":"change",e[t]=[].concat(e[ua],e[t]||[]),delete e[ua])}function xn(e,t,n,r){if(n){var i=t,s=Ds;t=function(n){null!==(1===arguments.length?i(n):i.apply(null,arguments))&&Cn(e,t,r,s)}}Ds.addEventListener(e,t,r)}function Cn(e,t,n,r){(r||Ds).removeEventListener(e,t,n)}function wn(e,t){if(e.data.on||t.data.on){var n=t.data.on||{},r=e.data.on||{};Ds=t.elm,bn(n),W(n,r,xn,Cn,t.context)}}function $n(e,t){if(e.data.domProps||t.data.domProps){var n,r,i=t.elm,s=e.data.domProps||{},a=t.data.domProps||{};a.__ob__&&(a=t.data.domProps=f({},a));for(n in s)null==a[n]&&(i[n]="");for(n in a)if(r=a[n],"textContent"!==n&&"innerHTML"!==n||(t.children&&(t.children.length=0),r!==s[n]))if("value"===n){i._value=r;var o=null==r?"":String(r);kn(i,t,o)&&(i.value=o)}else i[n]=r}}function kn(e,t,n){return!e.composing&&("option"===t.tag||An(e,n)||Sn(e,n))}function An(e,t){return document.activeElement!==e&&e.value!==t}function Sn(e,t){var n=e.value,i=e._vModifiers;return i&&i.number||"number"===e.type?r(n)!==r(t):i&&i.trim?n.trim()!==t.trim():n!==t}function On(e){var t=Tn(e.style);return e.staticStyle?f(e.staticStyle,t):t}function Tn(e){return Array.isArray(e)?v(e):"string"==typeof e?da(e):e}function zn(e,t){var n,r={};if(t)for(var i=e;i.componentInstance;)i=i.componentInstance._vnode,i.data&&(n=On(i.data))&&f(r,n);(n=On(e.data))&&f(r,n);for(var s=e;s=s.parent;)s.data&&(n=On(s.data))&&f(r,n);return r}function Mn(e,t){var n=t.data,r=e.data;if(n.staticStyle||n.style||r.staticStyle||r.style){var i,s,a=t.elm,o=e.data.staticStyle,l=e.data.style||{},c=o||l,u=Tn(t.data.style)||{};t.data.style=u.__ob__?f({},u):u;var p=zn(t,!0);for(s in c)null==p[s]&&_a(a,s,"");for(s in p)(i=p[s])!==c[s]&&_a(a,s,null==i?"":i)}}function En(e,t){if(t&&(t=t.trim()))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 jn(e,t){if(t&&(t=t.trim()))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 Nn(e){if(e){if("object"==typeof e){var t={};return!1!==e.css&&f(t,ba(e.name||"v")),f(t,e),t}return"string"==typeof e?ba(e):void 0}}function Ln(e){Oa(function(){Oa(e)})}function In(e,t){(e._transitionClasses||(e._transitionClasses=[])).push(t),En(e,t)}function Dn(e,t){e._transitionClasses&&s(e._transitionClasses,t),jn(e,t)}function Pn(e,t,n){var r=Rn(e,t),i=r.type,s=r.timeout,a=r.propCount;if(!i)return n();var o=i===Ca?ka:Sa,l=0,c=function(){e.removeEventListener(o,u),n()},u=function(t){t.target===e&&++l>=a&&c()};setTimeout(function(){l<a&&c()},s+1),e.addEventListener(o,u)}function Rn(e,t){var n,r=window.getComputedStyle(e),i=r[$a+"Delay"].split(", "),s=r[$a+"Duration"].split(", "),a=Fn(i,s),o=r[Aa+"Delay"].split(", "),l=r[Aa+"Duration"].split(", "),c=Fn(o,l),u=0,f=0;return t===Ca?a>0&&(n=Ca,u=a,f=s.length):t===wa?c>0&&(n=wa,u=c,f=l.length):(u=Math.max(a,c),n=u>0?a>c?Ca:wa:null,f=n?n===Ca?s.length:l.length:0),{type:n,timeout:u,propCount:f,hasTransform:n===Ca&&Ta.test(r[$a+"Property"])}}function Fn(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max.apply(null,t.map(function(t,n){return Bn(t)+Bn(e[n])}))}function Bn(e){return 1e3*Number(e.slice(0,-1))}function Un(e,t){var n=e.elm;n._leaveCb&&(n._leaveCb.cancelled=!0,n._leaveCb());var i=Nn(e.data.transition);if(i&&!n._enterCb&&1===n.nodeType){for(var s=i.css,a=i.type,o=i.enterClass,l=i.enterToClass,c=i.enterActiveClass,u=i.appearClass,f=i.appearToClass,d=i.appearActiveClass,v=i.beforeEnter,h=i.enter,_=i.afterEnter,m=i.enterCancelled,y=i.beforeAppear,b=i.appear,x=i.afterAppear,C=i.appearCancelled,w=i.duration,$=fs,k=fs.$vnode;k&&k.parent;)k=k.parent,$=k.context;var A=!$._isMounted||!e.isRootInsert;if(!A||b||""===b){var S=A&&u?u:o,O=A&&d?d:c,T=A&&f?f:l,z=A?y||v:v,M=A&&"function"==typeof b?b:h,E=A?x||_:_,j=A?C||m:m,N=r(p(w)?w.enter:w),L=!1!==s&&!Fi,I=Jn(M),D=n._enterCb=g(function(){L&&(Dn(n,T),Dn(n,O)),D.cancelled?(L&&Dn(n,S),j&&j(n)):E&&E(n),n._enterCb=null});e.data.show||G(e.data.hook||(e.data.hook={}),"insert",function(){var t=n.parentNode,r=t&&t._pending&&t._pending[e.key];r&&r.tag===e.tag&&r.elm._leaveCb&&r.elm._leaveCb(),M&&M(n,D)}),z&&z(n),L&&(In(n,S),In(n,O),Ln(function(){In(n,T),Dn(n,S),D.cancelled||I||(Vn(N)?setTimeout(D,N):Pn(n,a,D))})),e.data.show&&(t&&t(),M&&M(n,D)),L||I||D()}}}function Hn(e,t){function n(){C.cancelled||(e.data.show||((i.parentNode._pending||(i.parentNode._pending={}))[e.key]=e),f&&f(i),y&&(In(i,l),In(i,u),Ln(function(){In(i,c),Dn(i,l),C.cancelled||b||(Vn(x)?setTimeout(C,x):Pn(i,o,C))})),d&&d(i,C),y||b||C())}var i=e.elm;i._enterCb&&(i._enterCb.cancelled=!0,i._enterCb());var s=Nn(e.data.transition);if(!s)return t();if(!i._leaveCb&&1===i.nodeType){var a=s.css,o=s.type,l=s.leaveClass,c=s.leaveToClass,u=s.leaveActiveClass,f=s.beforeLeave,d=s.leave,v=s.afterLeave,h=s.leaveCancelled,_=s.delayLeave,m=s.duration,y=!1!==a&&!Fi,b=Jn(d),x=r(p(m)?m.leave:m),C=i._leaveCb=g(function(){i.parentNode&&i.parentNode._pending&&(i.parentNode._pending[e.key]=null),y&&(Dn(i,c),Dn(i,u)),C.cancelled?(y&&Dn(i,l),h&&h(i)):(t(),v&&v(i)),i._leaveCb=null});_?_(n):n()}}function Vn(e){return"number"==typeof e&&!isNaN(e)}function Jn(e){if(!e)return!1;var t=e.fns;return t?Jn(Array.isArray(t)?t[0]:t):(e._length||e.length)>1}function qn(e,t){t.data.show||Un(t)}function Kn(e,t,n){var r=t.value,i=e.multiple;if(!i||Array.isArray(r)){for(var s,a,o=0,l=e.options.length;o<l;o++)if(a=e.options[o],i)s=m(r,Gn(a))>-1,a.selected!==s&&(a.selected=s);else if(_(Gn(a),r))return void(e.selectedIndex!==o&&(e.selectedIndex=o));i||(e.selectedIndex=-1)}}function Wn(e,t){for(var n=0,r=t.length;n<r;n++)if(_(Gn(t[n]),e))return!1;return!0}function Gn(e){return"_value"in e?e._value:e.value}function Zn(e){e.target.composing=!0}function Yn(e){e.target.composing=!1,Qn(e.target,"input")}function Qn(e,t){var n=document.createEvent("HTMLEvents");n.initEvent(t,!0,!0),e.dispatchEvent(n)}function Xn(e){return!e.componentInstance||e.data&&e.data.transition?e:Xn(e.componentInstance._vnode)}function er(e){var t=e&&e.componentOptions;return t&&t.Ctor.options.abstract?er(X(t.children)):e}function tr(e){var t={},n=e.$options;for(var r in n.propsData)t[r]=e[r];var i=n._parentListeners;for(var s in i)t[ki(s)]=i[s];return t}function nr(e,t){return/\d-keep-alive$/.test(t.tag)?e("keep-alive"):null}function rr(e){for(;e=e.parent;)if(e.data.transition)return!0}function ir(e,t){return t.key===e.key&&t.tag===e.tag}function sr(e){e.elm._moveCb&&e.elm._moveCb(),e.elm._enterCb&&e.elm._enterCb()}function ar(e){e.data.newPos=e.elm.getBoundingClientRect()}function or(e){var t=e.data.pos,n=e.data.newPos,r=t.left-n.left,i=t.top-n.top;if(r||i){e.data.moved=!0;var s=e.elm.style;s.transform=s.WebkitTransform="translate("+r+"px,"+i+"px)",s.transitionDuration="0s"}}function lr(e){return Ua=Ua||document.createElement("div"),Ua.innerHTML=e,Ua.textContent}function cr(e,t){var n=t?To:Oo;return e.replace(n,function(e){return So[e]})}function ur(e,t){function n(t){u+=t,e=e.substring(t)}function r(e,n,r){var i,o;if(null==n&&(n=u),null==r&&(r=u),e&&(o=e.toLowerCase()),e)for(i=a.length-1;i>=0&&a[i].lowerCasedTag!==o;i--);else i=0;if(i>=0){for(var l=a.length-1;l>=i;l--)t.end&&t.end(a[l].tag,n,r);a.length=i,s=i&&a[i-1].tag}else"br"===o?t.start&&t.start(e,[],!0,n,r):"p"===o&&(t.start&&t.start(e,[],!1,n,r),t.end&&t.end(e,n,r))}for(var i,s,a=[],o=t.expectHTML,l=t.isUnaryTag||Mi,c=t.canBeLeftOpenTag||Mi,u=0;e;){if(i=e,s&&ko(s)){var f=s.toLowerCase(),p=Ao[f]||(Ao[f]=new RegExp("([\\s\\S]*?)(</"+f+"[^>]*>)","i")),d=0,v=e.replace(p,function(e,n,r){return d=r.length,ko(f)||"noscript"===f||(n=n.replace(/<!--([\s\S]*?)-->/g,"$1").replace(/<!\[CDATA\[([\s\S]*?)]]>/g,"$1")),t.chars&&t.chars(n),""});u+=e.length-v.length,e=v,r(f,u-d,u)}else{var h=e.indexOf("<");if(0===h){if(ro.test(e)){var _=e.indexOf("--\x3e");if(_>=0){n(_+3);continue}}if(io.test(e)){var m=e.indexOf("]>");if(m>=0){n(m+2);continue}}var g=e.match(no);if(g){n(g[0].length);continue}var y=e.match(to);if(y){var b=u;n(y[0].length),r(y[1],b,u);continue}var x=function(){var t=e.match(Xa);if(t){var r={tagName:t[1],attrs:[],start:u};n(t[0].length);for(var i,s;!(i=e.match(eo))&&(s=e.match(Za));)n(s[0].length),r.attrs.push(s);if(i)return r.unarySlash=i[1],n(i[0].length),r.end=u,r}}();if(x){!function(e){var n=e.tagName,i=e.unarySlash;o&&("p"===s&&qa(n)&&r(s),c(n)&&s===n&&r(n));for(var u=l(n)||"html"===n&&"head"===s||!!i,f=e.attrs.length,p=new Array(f),d=0;d<f;d++){var v=e.attrs[d];so&&-1===v[0].indexOf('""')&&(""===v[3]&&delete v[3],""===v[4]&&delete v[4],""===v[5]&&delete v[5]);var h=v[3]||v[4]||v[5]||"";p[d]={name:v[1],value:cr(h,t.shouldDecodeNewlines)}}u||(a.push({tag:n,lowerCasedTag:n.toLowerCase(),attrs:p}),s=n),t.start&&t.start(n,p,u,e.start,e.end)}(x);continue}}var C=void 0,w=void 0,$=void 0;if(h>=0){for(w=e.slice(h);!(to.test(w)||Xa.test(w)||ro.test(w)||io.test(w)||($=w.indexOf("<",1))<0);)h+=$,w=e.slice(h);C=e.substring(0,h),n(h)}h<0&&(C=e,e=""),t.chars&&C&&t.chars(C)}if(e===i){t.chars&&t.chars(e);break}}r()}function fr(e,t){var n=t?Eo(t):zo;if(n.test(e)){for(var r,i,s=[],a=n.lastIndex=0;r=n.exec(e);){i=r.index,i>a&&s.push(JSON.stringify(e.slice(a,i)));var o=Zt(r[1].trim());s.push("_s("+o+")"),a=i+r[0].length}return a<e.length&&s.push(JSON.stringify(e.slice(a))),s.join("+")}}function pr(e,t){function n(e){e.pre&&(o=!1),fo(e.tag)&&(l=!1)}ao=t.warn||Qt,vo=t.getTagNamespace||Mi,po=t.mustUseProp||Mi,fo=t.isPreTag||Mi,co=Xt(t.modules,"preTransformNode"),lo=Xt(t.modules,"transformNode"),uo=Xt(t.modules,"postTransformNode"),oo=t.delimiters;var r,i,s=[],a=!1!==t.preserveWhitespace,o=!1,l=!1;return ur(e,{warn:ao,expectHTML:t.expectHTML,isUnaryTag:t.isUnaryTag,canBeLeftOpenTag:t.canBeLeftOpenTag,shouldDecodeNewlines:t.shouldDecodeNewlines,start:function(e,a,c){var u=i&&i.ns||vo(e);Ri&&"svg"===u&&(a=zr(a));var f={type:1,tag:e,attrsList:a,attrsMap:Or(a),parent:i,children:[]};u&&(f.ns=u),Tr(f)&&!Ji()&&(f.forbidden=!0);for(var p=0;p<co.length;p++)co[p](f,t);if(o||(dr(f),f.pre&&(o=!0)),fo(f.tag)&&(l=!0),o)vr(f);else{mr(f),gr(f),Cr(f),hr(f),f.plain=!f.key&&!a.length,_r(f),wr(f),$r(f);for(var d=0;d<lo.length;d++)lo[d](f,t);kr(f)}if(r?s.length||r.if&&(f.elseif||f.else)&&xr(r,{exp:f.elseif,block:f}):r=f,i&&!f.forbidden)if(f.elseif||f.else)yr(f,i);else if(f.slotScope){i.plain=!1;var v=f.slotTarget||'"default"';(i.scopedSlots||(i.scopedSlots={}))[v]=f}else i.children.push(f),f.parent=i;c?n(f):(i=f,s.push(f));for(var h=0;h<uo.length;h++)uo[h](f,t)},end:function(){var e=s[s.length-1],t=e.children[e.children.length-1];t&&3===t.type&&" "===t.text&&!l&&e.children.pop(),s.length-=1,i=s[s.length-1],n(e)},chars:function(e){if(i&&(!Ri||"textarea"!==i.tag||i.attrsMap.placeholder!==e)){var t=i.children;if(e=l||e.trim()?Fo(e):a&&t.length?" ":""){var n;!o&&" "!==e&&(n=fr(e,oo))?t.push({type:2,expression:n,text:e}):" "===e&&t.length&&" "===t[t.length-1].text||t.push({type:3,text:e})}}}}),r}function dr(e){null!=an(e,"v-pre")&&(e.pre=!0)}function vr(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 hr(e){var t=sn(e,"key");t&&(e.key=t)}function _r(e){var t=sn(e,"ref");t&&(e.ref=t,e.refInFor=Ar(e))}function mr(e){var t;if(t=an(e,"v-for")){var n=t.match(Lo);if(!n)return;e.for=n[2].trim();var r=n[1].trim(),i=r.match(Io);i?(e.alias=i[1].trim(),e.iterator1=i[2].trim(),i[3]&&(e.iterator2=i[3].trim())):e.alias=r}}function gr(e){var t=an(e,"v-if");if(t)e.if=t,xr(e,{exp:t,block:e});else{null!=an(e,"v-else")&&(e.else=!0);var n=an(e,"v-else-if");n&&(e.elseif=n)}}function yr(e,t){var n=br(t.children);n&&n.if&&xr(n,{exp:e.elseif,block:e})}function br(e){for(var t=e.length;t--;){if(1===e[t].type)return e[t];e.pop()}}function xr(e,t){e.ifConditions||(e.ifConditions=[]),e.ifConditions.push(t)}function Cr(e){null!=an(e,"v-once")&&(e.once=!0)}function wr(e){if("slot"===e.tag)e.slotName=sn(e,"name");else{var t=sn(e,"slot");t&&(e.slotTarget='""'===t?'"default"':t),"template"===e.tag&&(e.slotScope=an(e,"scope"))}}function $r(e){var t;(t=sn(e,"is"))&&(e.component=t),null!=an(e,"inline-template")&&(e.inlineTemplate=!0)}function kr(e){var t,n,r,i,s,a,o,l=e.attrsList;for(t=0,n=l.length;t<n;t++)if(r=i=l[t].name,s=l[t].value,No.test(r))if(e.hasBindings=!0,a=Sr(r),a&&(r=r.replace(Ro,"")),Po.test(r))r=r.replace(Po,""),s=Zt(s),o=!1,a&&(a.prop&&(o=!0,"innerHtml"===(r=ki(r))&&(r="innerHTML")),a.camel&&(r=ki(r))),o||po(e.tag,e.attrsMap.type,r)?en(e,r,s):tn(e,r,s);else if(jo.test(r))r=r.replace(jo,""),rn(e,r,s,a);else{r=r.replace(No,"");var c=r.match(Do),u=c&&c[1];u&&(r=r.slice(0,-(u.length+1))),nn(e,r,i,s,u,a)}else{tn(e,r,JSON.stringify(s))}}function Ar(e){for(var t=e;t;){if(void 0!==t.for)return!0;t=t.parent}return!1}function Sr(e){var t=e.match(Ro);if(t){var n={};return t.forEach(function(e){n[e.slice(1)]=!0}),n}}function Or(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n].name]=e[n].value;return t}function Tr(e){return"style"===e.tag||"script"===e.tag&&(!e.attrsMap.type||"text/javascript"===e.attrsMap.type)}function zr(e){for(var t=[],n=0;n<e.length;n++){var r=e[n];Bo.test(r.name)||(r.name=r.name.replace(Uo,""),t.push(r))}return t}function Mr(e,t){e&&(ho=Ho(t.staticKeys||""),_o=t.isReservedTag||Mi,jr(e),Nr(e,!1))}function Er(e){return i("type,tag,attrsList,attrsMap,plain,parent,children,attrs"+(e?","+e:""))}function jr(e){if(e.static=Ir(e),1===e.type){if(!_o(e.tag)&&"slot"!==e.tag&&null==e.attrsMap["inline-template"])return;for(var t=0,n=e.children.length;t<n;t++){var r=e.children[t];jr(r),r.static||(e.static=!1)}}}function Nr(e,t){if(1===e.type){if((e.static||e.once)&&(e.staticInFor=t),e.static&&e.children.length&&(1!==e.children.length||3!==e.children[0].type))return void(e.staticRoot=!0);if(e.staticRoot=!1,e.children)for(var n=0,r=e.children.length;n<r;n++)Nr(e.children[n],t||!!e.for);e.ifConditions&&Lr(e.ifConditions,t)}}function Lr(e,t){for(var n=1,r=e.length;n<r;n++)Nr(e[n].block,t)}function Ir(e){return 2!==e.type&&(3===e.type||!(!e.pre&&(e.hasBindings||e.if||e.for||Ci(e.tag)||!_o(e.tag)||Dr(e)||!Object.keys(e).every(ho))))}function Dr(e){for(;e.parent;){if(e=e.parent,"template"!==e.tag)return!1;if(e.for)return!0}return!1}function Pr(e,t){var n=t?"nativeOn:{":"on:{";for(var r in e)n+='"'+r+'":'+Rr(r,e[r])+",";return n.slice(0,-1)+"}"}function Rr(e,t){if(!t)return"function(){}";if(Array.isArray(t))return"["+t.map(function(t){return Rr(e,t)}).join(",")+"]";var n=Jo.test(t.value),r=Vo.test(t.value);if(t.modifiers){var i="",s="",a=[];for(var o in t.modifiers)Wo[o]?(s+=Wo[o],qo[o]&&a.push(o)):a.push(o);a.length&&(i+=Fr(a)),s&&(i+=s);return"function($event){"+i+(n?t.value+"($event)":r?"("+t.value+")($event)":t.value)+"}"}return n||r?t.value:"function($event){"+t.value+"}"}function Fr(e){return"if(!('button' in $event)&&"+e.map(Br).join("&&")+")return null;"}function Br(e){var t=parseInt(e,10);if(t)return"$event.keyCode!=="+t;var n=qo[e];return"_k($event.keyCode,"+JSON.stringify(e)+(n?","+JSON.stringify(n):"")+")"}function Ur(e,t){e.wrapData=function(n){return"_b("+n+",'"+e.tag+"',"+t.value+(t.modifiers&&t.modifiers.prop?",true":"")+")"}}function Hr(e,t){var n=Co,r=Co=[],i=wo;wo=0,$o=t,mo=t.warn||Qt,go=Xt(t.modules,"transformCode"),yo=Xt(t.modules,"genData"),bo=t.directives||{},xo=t.isReservedTag||Mi;var s=e?Vr(e):'_c("div")';return Co=n,wo=i,{render:"with(this){return "+s+"}",staticRenderFns:r}}function Vr(e){if(e.staticRoot&&!e.staticProcessed)return Jr(e);if(e.once&&!e.onceProcessed)return qr(e);if(e.for&&!e.forProcessed)return Gr(e);if(e.if&&!e.ifProcessed)return Kr(e);if("template"!==e.tag||e.slotTarget){if("slot"===e.tag)return oi(e);var t;if(e.component)t=li(e.component,e);else{var n=e.plain?void 0:Zr(e),r=e.inlineTemplate?null:ti(e,!0);t="_c('"+e.tag+"'"+(n?","+n:"")+(r?","+r:"")+")"}for(var i=0;i<go.length;i++)t=go[i](e,t);return t}return ti(e)||"void 0"}function Jr(e){return e.staticProcessed=!0,Co.push("with(this){return "+Vr(e)+"}"),"_m("+(Co.length-1)+(e.staticInFor?",true":"")+")"}function qr(e){if(e.onceProcessed=!0,e.if&&!e.ifProcessed)return Kr(e);if(e.staticInFor){for(var t="",n=e.parent;n;){if(n.for){t=n.key;break}n=n.parent}return t?"_o("+Vr(e)+","+wo+++(t?","+t:"")+")":Vr(e)}return Jr(e)}function Kr(e){return e.ifProcessed=!0,Wr(e.ifConditions.slice())}function Wr(e){function t(e){return e.once?qr(e):Vr(e)}if(!e.length)return"_e()";var n=e.shift();return n.exp?"("+n.exp+")?"+t(n.block)+":"+Wr(e):""+t(n.block)}function Gr(e){var t=e.for,n=e.alias,r=e.iterator1?","+e.iterator1:"",i=e.iterator2?","+e.iterator2:"";return e.forProcessed=!0,"_l(("+t+"),function("+n+r+i+"){return "+Vr(e)+"})"}function Zr(e){var t="{",n=Yr(e);n&&(t+=n+","),e.key&&(t+="key:"+e.key+","),e.ref&&(t+="ref:"+e.ref+","),e.refInFor&&(t+="refInFor:true,"),e.pre&&(t+="pre:true,"),e.component&&(t+='tag:"'+e.tag+'",');for(var r=0;r<yo.length;r++)t+=yo[r](e);if(e.attrs&&(t+="attrs:{"+ci(e.attrs)+"},"),e.props&&(t+="domProps:{"+ci(e.props)+"},"),e.events&&(t+=Pr(e.events)+","),e.nativeEvents&&(t+=Pr(e.nativeEvents,!0)+","),e.slotTarget&&(t+="slot:"+e.slotTarget+","),e.scopedSlots&&(t+=Xr(e.scopedSlots)+","),e.model&&(t+="model:{value:"+e.model.value+",callback:"+e.model.callback+",expression:"+e.model.expression+"},"),e.inlineTemplate){var i=Qr(e);i&&(t+=i+",")}return t=t.replace(/,$/,"")+"}",e.wrapData&&(t=e.wrapData(t)),t}function Yr(e){var t=e.directives;if(t){var n,r,i,s,a="directives:[",o=!1;for(n=0,r=t.length;n<r;n++){i=t[n],s=!0;var l=bo[i.name]||Go[i.name];l&&(s=!!l(e,i,mo)),s&&(o=!0,a+='{name:"'+i.name+'",rawName:"'+i.rawName+'"'+(i.value?",value:("+i.value+"),expression:"+JSON.stringify(i.value):"")+(i.arg?',arg:"'+i.arg+'"':"")+(i.modifiers?",modifiers:"+JSON.stringify(i.modifiers):"")+"},")}return o?a.slice(0,-1)+"]":void 0}}function Qr(e){var t=e.children[0];if(1===t.type){var n=Hr(t,$o);return"inlineTemplate:{render:function(){"+n.render+"},staticRenderFns:["+n.staticRenderFns.map(function(e){return"function(){"+e+"}"}).join(",")+"]}"}}function Xr(e){return"scopedSlots:_u(["+Object.keys(e).map(function(t){return ei(t,e[t])}).join(",")+"])"}function ei(e,t){return"["+e+",function("+String(t.attrsMap.scope)+"){return "+("template"===t.tag?ti(t)||"void 0":Vr(t))+"}]"}function ti(e,t){var n=e.children;if(n.length){var r=n[0];if(1===n.length&&r.for&&"template"!==r.tag&&"slot"!==r.tag)return Vr(r);var i=t?ni(n):0;return"["+n.map(si).join(",")+"]"+(i?","+i:"")}}function ni(e){for(var t=0,n=0;n<e.length;n++){var r=e[n];if(1===r.type){if(ri(r)||r.ifConditions&&r.ifConditions.some(function(e){return ri(e.block)})){t=2;break}(ii(r)||r.ifConditions&&r.ifConditions.some(function(e){return ii(e.block)}))&&(t=1)}}return t}function ri(e){return void 0!==e.for||"template"===e.tag||"slot"===e.tag}function ii(e){return!xo(e.tag)}function si(e){return 1===e.type?Vr(e):ai(e)}function ai(e){return"_v("+(2===e.type?e.expression:ui(JSON.stringify(e.text)))+")"}function oi(e){var t=e.slotName||'"default"',n=ti(e),r="_t("+t+(n?","+n:""),i=e.attrs&&"{"+e.attrs.map(function(e){return ki(e.name)+":"+e.value}).join(",")+"}",s=e.attrsMap["v-bind"];return!i&&!s||n||(r+=",null"),i&&(r+=","+i),s&&(r+=(i?"":",null")+","+s),r+")"}function li(e,t){var n=t.inlineTemplate?null:ti(t,!0);return"_c("+e+","+Zr(t)+(n?","+n:"")+")"}function ci(e){for(var t="",n=0;n<e.length;n++){var r=e[n];t+='"'+r.name+'":'+ui(r.value)+","}return t.slice(0,-1)}function ui(e){return e.replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")}function fi(e,t){var n=pr(e.trim(),t);Mr(n,t);var r=Hr(n,t);return{ast:n,render:r.render,staticRenderFns:r.staticRenderFns}}function pi(e,t){try{return new Function(e)}catch(n){return t.push({err:n,code:e}),h}}function di(e,t){var n=(t.warn,an(e,"class"));n&&(e.staticClass=JSON.stringify(n));var r=sn(e,"class",!1);r&&(e.classBinding=r)}function vi(e){var t="";return e.staticClass&&(t+="staticClass:"+e.staticClass+","),e.classBinding&&(t+="class:"+e.classBinding+","),t}function hi(e,t){var n=(t.warn,an(e,"style"));if(n){e.staticStyle=JSON.stringify(da(n))}var r=sn(e,"style",!1);r&&(e.styleBinding=r)}function _i(e){var t="";return e.staticStyle&&(t+="staticStyle:"+e.staticStyle+","),e.styleBinding&&(t+="style:("+e.styleBinding+"),"),t}function mi(e,t){t.value&&en(e,"textContent","_s("+t.value+")")}function gi(e,t){t.value&&en(e,"innerHTML","_s("+t.value+")")}function yi(e){if(e.outerHTML)return e.outerHTML;var t=document.createElement("div");return t.appendChild(e.cloneNode(!0)),t.innerHTML}var bi,xi,Ci=i("slot,component",!0),wi=Object.prototype.hasOwnProperty,$i=/-(\w)/g,ki=l(function(e){return e.replace($i,function(e,t){return t?t.toUpperCase():""})}),Ai=l(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}),Si=/([^-])([A-Z])/g,Oi=l(function(e){return e.replace(Si,"$1-$2").replace(Si,"$1-$2").toLowerCase()}),Ti=Object.prototype.toString,zi="[object Object]",Mi=function(){return!1},Ei=function(e){return e},ji={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:Mi,isUnknownElement:Mi,getTagNamespace:h,parsePlatformTagName:Ei,mustUseProp:Mi,_assetTypes:["component","directive","filter"],_lifecycleHooks:["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated"],_maxUpdateCount:100},Ni=Object.freeze({}),Li=/[^\w.$]/,Ii="__proto__"in{},Di="undefined"!=typeof window,Pi=Di&&window.navigator.userAgent.toLowerCase(),Ri=Pi&&/msie|trident/.test(Pi),Fi=Pi&&Pi.indexOf("msie 9.0")>0,Bi=Pi&&Pi.indexOf("edge/")>0,Ui=Pi&&Pi.indexOf("android")>0,Hi=Pi&&/iphone|ipad|ipod|ios/.test(Pi),Vi=Pi&&/chrome\/\d+/.test(Pi)&&!Bi,Ji=function(){return void 0===bi&&(bi=!Di&&void 0!==t&&"server"===t.process.env.VUE_ENV),bi},qi=Di&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,Ki="undefined"!=typeof Symbol&&C(Symbol)&&"undefined"!=typeof Reflect&&C(Reflect.ownKeys),Wi=function(){function e(){r=!1;var e=n.slice(0);n.length=0;for(var t=0;t<e.length;t++)e[t]()}var t,n=[],r=!1;if("undefined"!=typeof Promise&&C(Promise)){var i=Promise.resolve(),s=function(e){console.error(e)};t=function(){i.then(e).catch(s),Hi&&setTimeout(h)}}else if("undefined"==typeof MutationObserver||!C(MutationObserver)&&"[object MutationObserverConstructor]"!==MutationObserver.toString())t=function(){setTimeout(e,0)};else{var a=1,o=new MutationObserver(e),l=document.createTextNode(String(a));o.observe(l,{characterData:!0}),t=function(){a=(a+1)%2,l.data=String(a)}}return function(e,i){var s;if(n.push(function(){e&&e.call(i),s&&s(i)}),r||(r=!0,t()),!e&&"undefined"!=typeof Promise)return new Promise(function(e){s=e})}}();xi="undefined"!=typeof Set&&C(Set)?Set:function(){function e(){this.set=Object.create(null)}return e.prototype.has=function(e){return!0===this.set[e]},e.prototype.add=function(e){this.set[e]=!0},e.prototype.clear=function(){this.set=Object.create(null)},e}();var Gi=h,Zi=0,Yi=function(){this.id=Zi++,this.subs=[]};Yi.prototype.addSub=function(e){this.subs.push(e)},Yi.prototype.removeSub=function(e){s(this.subs,e)},Yi.prototype.depend=function(){Yi.target&&Yi.target.addDep(this)},Yi.prototype.notify=function(){for(var e=this.subs.slice(),t=0,n=e.length;t<n;t++)e[t].update()},Yi.target=null;var Qi=[],Xi=Array.prototype,es=Object.create(Xi);["push","pop","shift","unshift","splice","sort","reverse"].forEach(function(e){var t=Xi[e];b(es,e,function(){for(var n=arguments,r=arguments.length,i=new Array(r);r--;)i[r]=n[r];var s,a=t.apply(this,i),o=this.__ob__;switch(e){case"push":case"unshift":s=i;break;case"splice":s=i.slice(2)}return s&&o.observeArray(s),o.dep.notify(),a})});var ts=Object.getOwnPropertyNames(es),ns={shouldConvert:!0,isSettingProps:!1},rs=function(e){if(this.value=e,this.dep=new Yi,this.vmCount=0,b(e,"__ob__",this),Array.isArray(e)){(Ii?k:A)(e,es,ts),this.observeArray(e)}else this.walk(e)};rs.prototype.walk=function(e){for(var t=Object.keys(e),n=0;n<t.length;n++)O(e,t[n],e[t[n]])},rs.prototype.observeArray=function(e){for(var t=0,n=e.length;t<n;t++)S(e[t])};var is=ji.optionMergeStrategies;is.data=function(e,t,n){return n?e||t?function(){var r="function"==typeof t?t.call(n):t,i="function"==typeof e?e.call(n):void 0;return r?E(r,i):i}:void 0:t?"function"!=typeof t?e:e?function(){return E(t.call(this),e.call(this))}:t:e},ji._lifecycleHooks.forEach(function(e){is[e]=j}),ji._assetTypes.forEach(function(e){is[e+"s"]=N}),is.watch=function(e,t){if(!t)return Object.create(e||null);if(!e)return t;var n={};f(n,e);for(var r in t){var i=n[r],s=t[r];i&&!Array.isArray(i)&&(i=[i]),n[r]=i?i.concat(s):[s]}return n},is.props=is.methods=is.computed=function(e,t){if(!t)return Object.create(e||null);if(!e)return t;var n=Object.create(null);return f(n,e),f(n,t),n};var ss=function(e,t){return void 0===t?e:t},as=function(e,t,n,r,i,s,a){this.tag=e,this.data=t,this.children=n,this.text=r,this.elm=i,this.ns=void 0,this.context=s,this.functionalContext=void 0,this.key=t&&t.key,this.componentOptions=a,this.componentInstance=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1},os={child:{}};os.child.get=function(){return this.componentInstance},Object.defineProperties(as.prototype,os);var ls,cs=function(){var e=new as;return e.text="",e.isComment=!0,e},us=l(function(e){var t="~"===e.charAt(0);e=t?e.slice(1):e;var n="!"===e.charAt(0);return e=n?e.slice(1):e,{name:e,once:t,capture:n}}),fs=null,ps=[],ds={},vs=!1,hs=!1,_s=0,ms=0,gs=function(e,t,n,r){this.vm=e,e._watchers.push(this),r?(this.deep=!!r.deep,this.user=!!r.user,this.lazy=!!r.lazy,this.sync=!!r.sync):this.deep=this.user=this.lazy=this.sync=!1,this.cb=n,this.id=++ms,this.active=!0,this.dirty=this.lazy,this.deps=[],this.newDeps=[],this.depIds=new xi,this.newDepIds=new xi,this.expression="","function"==typeof t?this.getter=t:(this.getter=x(t),this.getter||(this.getter=function(){})),this.value=this.lazy?void 0:this.get()};gs.prototype.get=function(){w(this);var e,t=this.vm;if(this.user)try{e=this.getter.call(t,t)}catch(e){H(e,t,'getter for watcher "'+this.expression+'"')}else e=this.getter.call(t,t);return this.deep&&me(e),$(),this.cleanupDeps(),e},gs.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))},gs.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},gs.prototype.update=function(){this.lazy?this.dirty=!0:this.sync?this.run():_e(this)},gs.prototype.run=function(){if(this.active){var e=this.get();if(e!==this.value||p(e)||this.deep){var t=this.value;if(this.value=e,this.user)try{this.cb.call(this.vm,e,t)}catch(e){H(e,this.vm,'callback for watcher "'+this.expression+'"')}else this.cb.call(this.vm,e,t)}}},gs.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},gs.prototype.depend=function(){for(var e=this,t=this.deps.length;t--;)e.deps[t].depend()},gs.prototype.teardown=function(){var e=this;if(this.active){this.vm._isBeingDestroyed||s(this.vm._watchers,this);for(var t=this.deps.length;t--;)e.deps[t].removeSub(e);this.active=!1}};var ys=new xi,bs={enumerable:!0,configurable:!0,get:h,set:h},xs={lazy:!0},Cs={init:function(e,t,n,r){if(!e.componentInstance||e.componentInstance._isDestroyed){(e.componentInstance=Ee(e,fs,n,r)).$mount(t?e.elm:void 0,t)}else if(e.data.keepAlive){var i=e;Cs.prepatch(i,i)}},prepatch:function(e,t){var n=t.componentOptions;ce(t.componentInstance=e.componentInstance,n.propsData,n.listeners,t,n.children)},insert:function(e){e.componentInstance._isMounted||(e.componentInstance._isMounted=!0,de(e.componentInstance,"mounted")),e.data.keepAlive&&fe(e.componentInstance,!0)},destroy:function(e){e.componentInstance._isDestroyed||(e.data.keepAlive?pe(e.componentInstance,!0):e.componentInstance.$destroy())}},ws=Object.keys(Cs),$s=1,ks=2,As=0;!function(e){e.prototype._init=function(e){var t=this;t._uid=As++,t._isVue=!0,e&&e._isComponent?et(t,e):t.$options=D(tt(t.constructor),e||{},t),t._renderProxy=t,t._self=t,oe(t),ee(t),Ye(t),de(t,"beforeCreate"),Xe(t),be(t),Qe(t),de(t,"created"),t.$options.el&&t.$mount(t.$options.el)}}(it),function(e){var t={};t.get=function(){return this._data};var n={};n.get=function(){return this._props},Object.defineProperty(e.prototype,"$data",t),Object.defineProperty(e.prototype,"$props",n),e.prototype.$set=T,e.prototype.$delete=z,e.prototype.$watch=function(e,t,n){var r=this;n=n||{},n.user=!0;var i=new gs(r,e,t,n);return n.immediate&&t.call(r,i.value),function(){i.teardown()}}}(it),function(e){var t=/^hook:/;e.prototype.$on=function(e,n){var r=this,i=this;if(Array.isArray(e))for(var s=0,a=e.length;s<a;s++)r.$on(e[s],n);else(i._events[e]||(i._events[e]=[])).push(n),t.test(e)&&(i._hasHookEvent=!0);return i},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,r=this;if(!arguments.length)return r._events=Object.create(null),r;if(Array.isArray(e)){for(var i=0,s=e.length;i<s;i++)n.$off(e[i],t);return r}var a=r._events[e];if(!a)return r;if(1===arguments.length)return r._events[e]=null,r;for(var o,l=a.length;l--;)if((o=a[l])===t||o.fn===t){a.splice(l,1);break}return r},e.prototype.$emit=function(e){var t=this,n=t._events[e];if(n){n=n.length>1?u(n):n;for(var r=u(arguments,1),i=0,s=n.length;i<s;i++)n[i].apply(t,r)}return t}}(it),function(e){e.prototype._update=function(e,t){var n=this;n._isMounted&&de(n,"beforeUpdate");var r=n.$el,i=n._vnode,s=fs;fs=n,n._vnode=e,n.$el=i?n.__patch__(i,e):n.__patch__(n.$el,e,t,!1,n.$options._parentElm,n.$options._refElm),fs=s,r&&(r.__vue__=null),n.$el&&(n.$el.__vue__=n),n.$vnode&&n.$parent&&n.$vnode===n.$parent._vnode&&(n.$parent.$el=n.$el)},e.prototype.$forceUpdate=function(){var e=this;e._watcher&&e._watcher.update()},e.prototype.$destroy=function(){var e=this;if(!e._isBeingDestroyed){de(e,"beforeDestroy"),e._isBeingDestroyed=!0;var t=e.$parent;!t||t._isBeingDestroyed||e.$options.abstract||s(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,e.__patch__(e._vnode,null),de(e,"destroyed"),e.$off(),e.$el&&(e.$el.__vue__=null),e.$options._parentElm=e.$options._refElm=null}}}(it),function(e){e.prototype.$nextTick=function(e){return Wi(e,this)},e.prototype._render=function(){var e=this,t=e.$options,n=t.render,r=t.staticRenderFns,i=t._parentVnode;if(e._isMounted)for(var s in e.$slots)e.$slots[s]=q(e.$slots[s]);e.$scopedSlots=i&&i.data.scopedSlots||Ni,r&&!e._staticTrees&&(e._staticTrees=[]),e.$vnode=i;var a;try{a=n.call(e._renderProxy,e.$createElement)}catch(t){H(t,e,"render function"),a=e._vnode}return a instanceof as||(a=cs()),a.parent=i,a},e.prototype._o=We,e.prototype._n=r,e.prototype._s=n,e.prototype._l=Ue,e.prototype._t=He,e.prototype._q=_,e.prototype._i=m,e.prototype._m=Ke,e.prototype._f=Ve,e.prototype._k=Je,e.prototype._b=qe,e.prototype._v=V,e.prototype._e=cs,e.prototype._u=ae}(it);var Ss=[String,RegExp],Os={name:"keep-alive",abstract:!0,props:{include:Ss,exclude:Ss},created:function(){this.cache=Object.create(null)},destroyed:function(){var e=this;for(var t in e.cache)vt(e.cache[t])},watch:{include:function(e){dt(this.cache,function(t){return pt(e,t)})},exclude:function(e){dt(this.cache,function(t){return!pt(e,t)})}},render:function(){var e=X(this.$slots.default),t=e&&e.componentOptions;if(t){var n=ft(t);if(n&&(this.include&&!pt(this.include,n)||this.exclude&&pt(this.exclude,n)))return e;var r=null==e.key?t.Ctor.cid+(t.tag?"::"+t.tag:""):e.key;this.cache[r]?e.componentInstance=this.cache[r].componentInstance:this.cache[r]=e,e.data.keepAlive=!0}return e}},Ts={KeepAlive:Os};!function(e){var t={};t.get=function(){return ji},Object.defineProperty(e,"config",t),e.util={warn:Gi,extend:f,mergeOptions:D,defineReactive:O},e.set=T,e.delete=z,e.nextTick=Wi,e.options=Object.create(null),ji._assetTypes.forEach(function(t){e.options[t+"s"]=Object.create(null)}),e.options._base=e,f(e.options.components,Ts),st(e),at(e),ot(e),ut(e)}(it),Object.defineProperty(it.prototype,"$isServer",{get:Ji}),it.version="2.2.6";var zs,Ms,Es,js,Ns,Ls,Is,Ds,Ps,Rs=i("input,textarea,option,select"),Fs=function(e,t,n){return"value"===n&&Rs(e)&&"button"!==t||"selected"===n&&"option"===e||"checked"===n&&"input"===e||"muted"===n&&"video"===e},Bs=i("contenteditable,draggable,spellcheck"),Us=i("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"),Hs="http://www.w3.org/1999/xlink",Vs=function(e){return":"===e.charAt(5)&&"xlink"===e.slice(0,5)},Js=function(e){return Vs(e)?e.slice(6,e.length):""},qs=function(e){return null==e||!1===e},Ks={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},Ws=i("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"),Gs=i("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,foreignObject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),Zs=function(e){return"pre"===e},Ys=function(e){return Ws(e)||Gs(e)},Qs=Object.create(null),Xs=Object.freeze({createElement:wt,createElementNS:$t,createTextNode:kt,createComment:At,insertBefore:St,removeChild:Ot,appendChild:Tt,parentNode:zt,nextSibling:Mt,tagName:Et,setTextContent:jt,setAttribute:Nt}),ea={create:function(e,t){Lt(t)},update:function(e,t){e.data.ref!==t.data.ref&&(Lt(e,!0),Lt(t))},destroy:function(e){Lt(e,!0)}},ta=new as("",{},[]),na=["create","activate","update","remove","destroy"],ra={create:Ut,update:Ut,destroy:function(e){Ut(e,ta)}},ia=Object.create(null),sa=[ea,ra],aa={create:Kt,update:Kt},oa={create:Gt,update:Gt},la=/[\w).+\-_$\]]/,ca="__r",ua="__c",fa={create:wn,update:wn},pa={create:$n,update:$n},da=l(function(e){var t={},n=/;(?![^(]*\))/g,r=/:(.+)/;return e.split(n).forEach(function(e){if(e){var n=e.split(r);n.length>1&&(t[n[0].trim()]=n[1].trim())}}),t}),va=/^--/,ha=/\s*!important$/,_a=function(e,t,n){va.test(t)?e.style.setProperty(t,n):ha.test(n)?e.style.setProperty(t,n.replace(ha,""),"important"):e.style[ga(t)]=n},ma=["Webkit","Moz","ms"],ga=l(function(e){if(Ps=Ps||document.createElement("div"),"filter"!==(e=ki(e))&&e in Ps.style)return e;for(var t=e.charAt(0).toUpperCase()+e.slice(1),n=0;n<ma.length;n++){var r=ma[n]+t;if(r in Ps.style)return r}}),ya={create:Mn,update:Mn},ba=l(function(e){return{enterClass:e+"-enter",enterToClass:e+"-enter-to",enterActiveClass:e+"-enter-active",leaveClass:e+"-leave",leaveToClass:e+"-leave-to",leaveActiveClass:e+"-leave-active"}}),xa=Di&&!Fi,Ca="transition",wa="animation",$a="transition",ka="transitionend",Aa="animation",Sa="animationend";xa&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&($a="WebkitTransition",ka="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(Aa="WebkitAnimation",Sa="webkitAnimationEnd"));var Oa=Di&&window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout,Ta=/\b(transform|all)(,|$)/,za=Di?{create:qn,activate:qn,remove:function(e,t){e.data.show?t():Hn(e,t)}}:{},Ma=[aa,oa,fa,pa,ya,za],Ea=Ma.concat(sa),ja=function(e){function t(e){return new as(S.tagName(e).toLowerCase(),{},[],void 0,e)}function n(e,t){function n(){0==--n.listeners&&r(e)}return n.listeners=t,n}function r(e){var t=S.parentNode(e);Dt(t)&&S.removeChild(t,e)}function s(e,t,n,r,i){if(e.isRootInsert=!i,!a(e,t,n,r)){var s=e.data,o=e.children,l=e.tag;Dt(l)?(e.elm=e.ns?S.createElementNS(e.ns,l):S.createElement(l,e),v(e),f(e,o,t),Dt(s)&&d(e,t),u(n,e.elm,r)):Pt(e.isComment)?(e.elm=S.createComment(e.text),u(n,e.elm,r)):(e.elm=S.createTextNode(e.text),u(n,e.elm,r))}}function a(e,t,n,r){var i=e.data;if(Dt(i)){var s=Dt(e.componentInstance)&&i.keepAlive;if(Dt(i=i.hook)&&Dt(i=i.init)&&i(e,!1,n,r),Dt(e.componentInstance))return l(e,t),Pt(s)&&c(e,t,n,r),!0}}function l(e,t){Dt(e.data.pendingInsert)&&t.push.apply(t,e.data.pendingInsert),e.elm=e.componentInstance.$el,p(e)?(d(e,t),v(e)):(Lt(e),t.push(e))}function c(e,t,n,r){for(var i,s=e;s.componentInstance;)if(s=s.componentInstance._vnode,Dt(i=s.data)&&Dt(i=i.transition)){for(i=0;i<k.activate.length;++i)k.activate[i](ta,s);t.push(s);break}u(n,e.elm,r)}function u(e,t,n){Dt(e)&&(Dt(n)?S.insertBefore(e,t,n):S.appendChild(e,t))}function f(e,t,n){if(Array.isArray(t))for(var r=0;r<t.length;++r)s(t[r],n,e.elm,null,!0);else o(e.text)&&S.appendChild(e.elm,S.createTextNode(e.text))}function p(e){for(;e.componentInstance;)e=e.componentInstance._vnode;return Dt(e.tag)}function d(e,t){for(var n=0;n<k.create.length;++n)k.create[n](ta,e);w=e.data.hook,Dt(w)&&(Dt(w.create)&&w.create(ta,e),Dt(w.insert)&&t.push(e))}function v(e){for(var t,n=e;n;)Dt(t=n.context)&&Dt(t=t.$options._scopeId)&&S.setAttribute(e.elm,t,""),n=n.parent;Dt(t=fs)&&t!==e.context&&Dt(t=t.$options._scopeId)&&S.setAttribute(e.elm,t,"")}function h(e,t,n,r,i,a){for(;r<=i;++r)s(n[r],a,e,t)}function _(e){var t,n,r=e.data;if(Dt(r))for(Dt(t=r.hook)&&Dt(t=t.destroy)&&t(e),t=0;t<k.destroy.length;++t)k.destroy[t](e);if(Dt(t=e.children))for(n=0;n<e.children.length;++n)_(e.children[n])}function m(e,t,n,i){for(;n<=i;++n){var s=t[n];Dt(s)&&(Dt(s.tag)?(g(s),_(s)):r(s.elm))}}function g(e,t){if(Dt(t)||Dt(e.data)){var i=k.remove.length+1;for(Dt(t)?t.listeners+=i:t=n(e.elm,i),Dt(w=e.componentInstance)&&Dt(w=w._vnode)&&Dt(w.data)&&g(w,t),w=0;w<k.remove.length;++w)k.remove[w](e,t);Dt(w=e.data.hook)&&Dt(w=w.remove)?w(e,t):t()}else r(e.elm)}function y(e,t,n,r,i){for(var a,o,l,c,u=0,f=0,p=t.length-1,d=t[0],v=t[p],_=n.length-1,g=n[0],y=n[_],x=!i;u<=p&&f<=_;)It(d)?d=t[++u]:It(v)?v=t[--p]:Rt(d,g)?(b(d,g,r),d=t[++u],g=n[++f]):Rt(v,y)?(b(v,y,r),v=t[--p],y=n[--_]):Rt(d,y)?(b(d,y,r),x&&S.insertBefore(e,d.elm,S.nextSibling(v.elm)),d=t[++u],y=n[--_]):Rt(v,g)?(b(v,g,r),x&&S.insertBefore(e,v.elm,d.elm),v=t[--p],g=n[++f]):(It(a)&&(a=Bt(t,u,p)),o=Dt(g.key)?a[g.key]:null,It(o)?(s(g,r,e,d.elm),g=n[++f]):(l=t[o],Rt(l,g)?(b(l,g,r),t[o]=void 0,x&&S.insertBefore(e,g.elm,d.elm),g=n[++f]):(s(g,r,e,d.elm),g=n[++f])));u>p?(c=It(n[_+1])?null:n[_+1].elm,h(e,c,n,f,_,r)):f>_&&m(e,t,u,p)}function b(e,t,n,r){if(e!==t){if(Pt(t.isStatic)&&Pt(e.isStatic)&&t.key===e.key&&(Pt(t.isCloned)||Pt(t.isOnce)))return t.elm=e.elm,void(t.componentInstance=e.componentInstance);var i,s=t.data;Dt(s)&&Dt(i=s.hook)&&Dt(i=i.prepatch)&&i(e,t);var a=t.elm=e.elm,o=e.children,l=t.children;if(Dt(s)&&p(t)){for(i=0;i<k.update.length;++i)k.update[i](e,t);Dt(i=s.hook)&&Dt(i=i.update)&&i(e,t)}It(t.text)?Dt(o)&&Dt(l)?o!==l&&y(a,o,l,n,r):Dt(l)?(Dt(e.text)&&S.setTextContent(a,""),h(a,null,l,0,l.length-1,n)):Dt(o)?m(a,o,0,o.length-1):Dt(e.text)&&S.setTextContent(a,""):e.text!==t.text&&S.setTextContent(a,t.text),Dt(s)&&Dt(i=s.hook)&&Dt(i=i.postpatch)&&i(e,t)}}function x(e,t,n){if(Pt(n)&&Dt(e.parent))e.parent.data.pendingInsert=t;else for(var r=0;r<t.length;++r)t[r].data.hook.insert(t[r])}function C(e,t,n){t.elm=e;var r=t.tag,i=t.data,s=t.children;if(Dt(i)&&(Dt(w=i.hook)&&Dt(w=w.init)&&w(t,!0),Dt(w=t.componentInstance)))return l(t,n),!0;if(Dt(r)){if(Dt(s))if(e.hasChildNodes()){for(var a=!0,o=e.firstChild,c=0;c<s.length;c++){if(!o||!C(o,s[c],n)){a=!1;break}o=o.nextSibling}if(!a||o)return!1}else f(t,s,n);if(Dt(i))for(var u in i)if(!O(u)){d(t,n);break}}else e.data!==t.text&&(e.data=t.text);return!0}var w,$,k={},A=e.modules,S=e.nodeOps;for(w=0;w<na.length;++w)for(k[na[w]]=[],$=0;$<A.length;++$)Dt(A[$][na[w]])&&k[na[w]].push(A[$][na[w]]);var O=i("attrs,style,class,staticClass,staticStyle,key");return function(e,n,r,i,a,o){if(It(n))return void(Dt(e)&&_(e));var l=!1,c=[];if(It(e))l=!0,s(n,c,a,o);else{var u=Dt(e.nodeType);if(!u&&Rt(e,n))b(e,n,c,i);else{if(u){if(1===e.nodeType&&e.hasAttribute("server-rendered")&&(e.removeAttribute("server-rendered"),r=!0),Pt(r)&&C(e,n,c))return x(n,c,!0),e;e=t(e)}var f=e.elm,d=S.parentNode(f);if(s(n,c,f._leaveCb?null:d,S.nextSibling(f)),Dt(n.parent)){for(var v=n.parent;v;)v.elm=n.elm,v=v.parent;if(p(n))for(var h=0;h<k.create.length;++h)k.create[h](ta,n.parent)}Dt(d)?m(d,[e],0,0):Dt(e.tag)&&_(e)}}return x(n,c,l),n.elm}}({nodeOps:Xs,modules:Ea});Fi&&document.addEventListener("selectionchange",function(){var e=document.activeElement;e&&e.vmodel&&Qn(e,"input")});var Na={inserted:function(e,t,n){if("select"===n.tag){var r=function(){Kn(e,t,n.context)};r(),(Ri||Bi)&&setTimeout(r,0)}else"textarea"!==n.tag&&"text"!==e.type&&"password"!==e.type||(e._vModifiers=t.modifiers,t.modifiers.lazy||(Ui||(e.addEventListener("compositionstart",Zn),e.addEventListener("compositionend",Yn)),Fi&&(e.vmodel=!0)))},componentUpdated:function(e,t,n){if("select"===n.tag){Kn(e,t,n.context);(e.multiple?t.value.some(function(t){return Wn(t,e.options)}):t.value!==t.oldValue&&Wn(t.value,e.options))&&Qn(e,"change")}}},La={bind:function(e,t,n){var r=t.value;n=Xn(n);var i=n.data&&n.data.transition,s=e.__vOriginalDisplay="none"===e.style.display?"":e.style.display;r&&i&&!Fi?(n.data.show=!0,Un(n,function(){e.style.display=s})):e.style.display=r?s:"none"},update:function(e,t,n){var r=t.value;r!==t.oldValue&&(n=Xn(n),n.data&&n.data.transition&&!Fi?(n.data.show=!0,r?Un(n,function(){e.style.display=e.__vOriginalDisplay}):Hn(n,function(){e.style.display="none"})):e.style.display=r?e.__vOriginalDisplay:"none")},unbind:function(e,t,n,r,i){i||(e.style.display=e.__vOriginalDisplay)}},Ia={model:Na,show:La},Da={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]},Pa={name:"transition",props:Da,abstract:!0,render:function(e){var t=this,n=this.$slots.default;if(n&&(n=n.filter(function(e){return e.tag}),n.length)){var r=this.mode,i=n[0];if(rr(this.$vnode))return i;var s=er(i);if(!s)return i;if(this._leaving)return nr(e,i);var a="__transition-"+this._uid+"-";s.key=null==s.key?a+s.tag:o(s.key)?0===String(s.key).indexOf(a)?s.key:a+s.key:s.key;var l=(s.data||(s.data={})).transition=tr(this),c=this._vnode,u=er(c);if(s.data.directives&&s.data.directives.some(function(e){return"show"===e.name})&&(s.data.show=!0),u&&u.data&&!ir(s,u)){var p=u&&(u.data.transition=f({},l));if("out-in"===r)return this._leaving=!0,G(p,"afterLeave",function(){t._leaving=!1,t.$forceUpdate()}),nr(e,i);if("in-out"===r){var d,v=function(){d()};G(l,"afterEnter",v),G(l,"enterCancelled",v),G(p,"delayLeave",function(e){d=e})}}return i}}},Ra=f({tag:String,moveClass:String},Da);delete Ra.mode;var Fa={props:Ra,render:function(e){for(var t=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),r=this.prevChildren=this.children,i=this.$slots.default||[],s=this.children=[],a=tr(this),o=0;o<i.length;o++){var l=i[o];if(l.tag)if(null!=l.key&&0!==String(l.key).indexOf("__vlist"))s.push(l),n[l.key]=l,(l.data||(l.data={})).transition=a;else;}if(r){for(var c=[],u=[],f=0;f<r.length;f++){var p=r[f];p.data.transition=a,p.data.pos=p.elm.getBoundingClientRect(),n[p.key]?c.push(p):u.push(p)}this.kept=e(t,null,c),this.removed=u}return e(t,null,s)},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||"v")+"-move";if(e.length&&this.hasMove(e[0].elm,t)){e.forEach(sr),e.forEach(ar),e.forEach(or);var n=document.body;n.offsetHeight;e.forEach(function(e){if(e.data.moved){var n=e.elm,r=n.style;In(n,t),r.transform=r.WebkitTransform=r.transitionDuration="",n.addEventListener(ka,n._moveCb=function e(r){r&&!/transform$/.test(r.propertyName)||(n.removeEventListener(ka,e),n._moveCb=null,Dn(n,t))})}})}},methods:{hasMove:function(e,t){if(!xa)return!1;if(null!=this._hasMove)return this._hasMove;var n=e.cloneNode();e._transitionClasses&&e._transitionClasses.forEach(function(e){jn(n,e)}),En(n,t),n.style.display="none",this.$el.appendChild(n);var r=Rn(n);return this.$el.removeChild(n),this._hasMove=r.hasTransform}}},Ba={Transition:Pa,TransitionGroup:Fa};it.config.mustUseProp=Fs,it.config.isReservedTag=Ys,it.config.getTagNamespace=bt,it.config.isUnknownElement=xt,f(it.options.directives,Ia),f(it.options.components,Ba),it.prototype.__patch__=Di?ja:h,it.prototype.$mount=function(e,t){return e=e&&Di?Ct(e):void 0,le(this,e,t)},setTimeout(function(){ji.devtools&&qi&&qi.emit("init",it)},0);var Ua,Ha=!!Di&&function(e,t){var n=document.createElement("div");return n.innerHTML='<div a="'+e+'">',n.innerHTML.indexOf(t)>0}("\n","&#10;"),Va=i("area,base,br,col,embed,frame,hr,img,input,isindex,keygen,link,meta,param,source,track,wbr"),Ja=i("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source"),qa=i("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"),Ka=/([^\s"'<>\/=]+)/,Wa=/(?:=)/,Ga=[/"([^"]*)"+/.source,/'([^']*)'+/.source,/([^\s"'=<>`]+)/.source],Za=new RegExp("^\\s*"+Ka.source+"(?:\\s*("+Wa.source+")\\s*(?:"+Ga.join("|")+"))?"),Ya="[a-zA-Z_][\\w\\-\\.]*",Qa="((?:"+Ya+"\\:)?"+Ya+")",Xa=new RegExp("^<"+Qa),eo=/^\s*(\/?)>/,to=new RegExp("^<\\/"+Qa+"[^>]*>"),no=/^<!DOCTYPE [^>]+>/i,ro=/^<!--/,io=/^<!\[/,so=!1;"x".replace(/x(.)?/g,function(e,t){so=""===t});var ao,oo,lo,co,uo,fo,po,vo,ho,_o,mo,go,yo,bo,xo,Co,wo,$o,ko=i("script,style,textarea",!0),Ao={},So={"&lt;":"<","&gt;":">","&quot;":'"',"&amp;":"&","&#10;":"\n"},Oo=/&(?:lt|gt|quot|amp);/g,To=/&(?:lt|gt|quot|amp|#10);/g,zo=/\{\{((?:.|\n)+?)\}\}/g,Mo=/[-.*+?^${}()|[\]\/\\]/g,Eo=l(function(e){var t=e[0].replace(Mo,"\\$&"),n=e[1].replace(Mo,"\\$&");return new RegExp(t+"((?:.|\\n)+?)"+n,"g")}),jo=/^@|^v-on:/,No=/^v-|^@|^:/,Lo=/(.*?)\s+(?:in|of)\s+(.*)/,Io=/\((\{[^}]*\}|[^,]*),([^,]*)(?:,([^,]*))?\)/,Do=/:(.*)$/,Po=/^:|^v-bind:/,Ro=/\.[^.]+/g,Fo=l(lr),Bo=/^xmlns:NS\d+/,Uo=/^NS\d+:/,Ho=l(Er),Vo=/^\s*([\w$_]+|\([^)]*?\))\s*=>|^function\s*\(/,Jo=/^\s*[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['.*?']|\[".*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*\s*$/,qo={esc:27,tab:9,enter:13,space:32,up:38,left:37,right:39,down:40,delete:[8,46]},Ko=function(e){return"if("+e+")return null;"},Wo={stop:"$event.stopPropagation();",prevent:"$event.preventDefault();",self:Ko("$event.target !== $event.currentTarget"),ctrl:Ko("!$event.ctrlKey"),shift:Ko("!$event.shiftKey"),alt:Ko("!$event.altKey"),meta:Ko("!$event.metaKey"),left:Ko("'button' in $event && $event.button !== 0"),middle:Ko("'button' in $event && $event.button !== 1"),right:Ko("'button' in $event && $event.button !== 2")},Go={bind:Ur,cloak:h},Zo=(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"),new RegExp("\\b"+"delete,typeof,void".split(",").join("\\s*\\([^\\)]*\\)|\\b")+"\\s*\\([^\\)]*\\)"),{staticKeys:["staticClass"],transformNode:di,genData:vi}),Yo={staticKeys:["staticStyle"],transformNode:hi,genData:_i},Qo=[Zo,Yo],Xo={model:hn,text:mi,html:gi},el={expectHTML:!0,modules:Qo,directives:Xo,isPreTag:Zs,isUnaryTag:Va,mustUseProp:Fs,canBeLeftOpenTag:Ja,isReservedTag:Ys,getTagNamespace:bt,staticKeys:function(e){return e.reduce(function(e,t){return e.concat(t.staticKeys||[])},[]).join(",")}(Qo)},tl=function(e){function t(t,n){var r=Object.create(e),i=[],s=[];if(r.warn=function(e,t){(t?s:i).push(e)},n){n.modules&&(r.modules=(e.modules||[]).concat(n.modules)),n.directives&&(r.directives=f(Object.create(e.directives),n.directives));for(var a in n)"modules"!==a&&"directives"!==a&&(r[a]=n[a])}var o=fi(t,r);return o.errors=i,o.tips=s,o}function n(e,n,i){n=n||{};var s=n.delimiters?String(n.delimiters)+e:e;if(r[s])return r[s];var a=t(e,n),o={},l=[];o.render=pi(a.render,l);var c=a.staticRenderFns.length;o.staticRenderFns=new Array(c);for(var u=0;u<c;u++)o.staticRenderFns[u]=pi(a.staticRenderFns[u],l);return r[s]=o}var r=Object.create(null);return{compile:t,compileToFunctions:n}}(el),nl=tl.compileToFunctions,rl=l(function(e){var t=Ct(e);return t&&t.innerHTML}),il=it.prototype.$mount;it.prototype.$mount=function(e,t){if((e=e&&Ct(e))===document.body||e===document.documentElement)return this;var n=this.$options;if(!n.render){var r=n.template;if(r)if("string"==typeof r)"#"===r.charAt(0)&&(r=rl(r));else{if(!r.nodeType)return this;r=r.innerHTML}else e&&(r=yi(e));if(r){var i=nl(r,{shouldDecodeNewlines:Ha,delimiters:n.delimiters},this),s=i.render,a=i.staticRenderFns;n.render=s,n.staticRenderFns=a}}return il.call(this,e,t)},it.compile=nl,e.exports=it}).call(t,n(5))},function(e,t){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(e){"object"==typeof window&&(n=window)}e.exports=n},function(e,t,n){n(7);var r=n(2)(n(10),n(16),null,null);e.exports=r.exports},function(e,t,n){var r=n(8);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(1)("47ecb2f7",r,!0)},function(e,t,n){t=e.exports=n(0)(),t.push([e.i,"body,html{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:100%}html{height:100%}body{overflow:auto;position:relative}.b--moon-gray{border-color:#ccc}.flex-fill{-ms-flex:1 1;flex:1 1;min-width:0;min-height:0}.darken-10:focus,.darken-10:hover{box-shadow:inset 9999px 9999px rgba(0,0,0,.1)}.darken-10:active{box-shadow:inset 9999px 9999px rgba(0,0,0,.2)}.lh-1{line-height:1}",""])},function(e,t){e.exports=function(e,t){for(var n=[],r={},i=0;i<t.length;i++){var s=t[i],a=s[0],o=s[1],l=s[2],c=s[3],u={id:e+":"+i,css:o,media:l,sourceMap:c};r[a]?r[a].parts.push(u):n.push(r[a]={id:a,parts:[u]})}return n}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(11),i=function(e){return e&&e.__esModule?e:{default:e}}(r);t.default={name:"app",components:{Spinner:i.default},data:function(){return{is_paused:!1,spinner_line_fg_color:void 0,spinner_line_bg_color:void 0,spinner_size:32,spinner_line_size:3,spinner_speed:.6,spinner_spacing:4,spinner_message:"I'll start changing in 4 seconds",spinner_text_fg_color:void 0,spinner_font_size:13}},computed:{version:function(){return"1.2.10"},header_cls:function(){return"db mt5 pb3 dark-gray hover-blue lh-1 no-underline"},box_cls:function(){return"db pt3 pb5 ph3 ph0-l bt b--black-10 relative"},box_style:function(){return"min-height: 100px"},label_cls:function(){return"mb4 f6 fw6 dark-gray"},cell_cls:function(){return"ph1 pv1 ba b--moon-gray"}},mounted:function(){var e=this,t=0;setInterval(function(){e.is_paused||(t+=4,e.spinner_line_fg_color="#"+(16777215*Math.random()<<0).toString(16),e.spinner_line_bg_color="#"+(16777215*Math.random()<<0).toString(16),e.spinner_size=Math.ceil(100*Math.random())+10,e.spinner_line_size=Math.ceil(20*Math.random())+1,e.spinner_speed=Math.round(1e3*Math.random())/100,e.spinner_spacing=Math.floor(60*Math.random()),e.spinner_message="I've been running for "+t+" seconds",e.spinner_text_fg_color="#"+(16777215*Math.random()<<0).toString(16),e.spinner_font_size=Math.ceil(30*Math.random())+10)},4e3)}}},function(e,t,n){n(12);var r=n(2)(n(14),n(15),null,null);e.exports=r.exports},function(e,t,n){var r=n(13);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(1)("d89557e4",r,!0)},function(e,t,n){t=e.exports=n(0)(),t.push([e.i,".vue-simple-spinner{transition:all .3s linear}@keyframes vue-simple-spinner-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}",""])},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(e){return!isNaN(parseFloat(e))&&isFinite(e)};t.default={props:{size:{default:32},"line-size":{type:Number,default:3},"line-bg-color":{type:String,default:"#eee"},"line-fg-color":{type:String,default:"#2196f3"},speed:{type:Number,default:.8},spacing:{type:Number,default:4},message:{type:String,default:""},"font-size":{type:Number,default:13},"text-fg-color":{type:String,default:"#555"}},computed:{size_px:function(){switch(this.size){case"tiny":return 12;case"small":return 16;case"medium":return 32;case"large":return 48;case"big":return 64;case"huge":return 96;case"massive":return 128}return r(this.size)?this.size:32},line_size_px:function(){switch(this.size){case"tiny":return 1;case"small":return 2;case"medium":case"large":return 3;case"big":case"huge":return 4;case"massive":return 5}return r(this.lineSize)?this.lineSize:4},text_margin_top:function(){switch(this.size){case"tiny":case"small":case"medium":case"large":case"big":case"huge":case"massive":return Math.min(Math.max(Math.ceil(this.size_px/8),3),12)}return r(this.spacing)?this.spacing:4},text_font_size:function(){switch(this.size){case"tiny":case"small":case"medium":case"large":case"big":case"huge":case"massive":return Math.min(Math.max(Math.ceil(.4*this.size_px),11),32)}return r(this.fontSize)?this.fontSize:13},spinner_style:function(){return{margin:"0 auto","border-radius":"100%",border:this.line_size_px+"px solid "+this.lineBgColor,"border-top":this.line_size_px+"px solid "+this.lineFgColor,width:this.size_px+"px",height:this.size_px+"px",animation:"vue-simple-spinner-spin "+this.speed+"s linear infinite"}},text_style:function(){return{"margin-top":this.text_margin_top+"px",color:this.textFgColor,"font-size":this.text_font_size+"px","text-align":"center"}}}}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("div",{staticClass:"vue-simple-spinner",style:e.spinner_style}),e._v(" "),e.message.length>0?n("div",{staticClass:"vue-simple-spinner-text",style:e.text_style},[e._v(e._s(e.message))]):e._e()])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"app"}},[n("div",{staticClass:"fixed top-0 w-100 z-1 flex-none flex flex-row items-center pv3 ph4 bg-blue white"},[n("div",{staticClass:"flex-fill"},[n("a",{staticClass:"white no-underline underline-hover",attrs:{href:"https://github.com/dzwillia/vue-simple-spinner/releases/tag/v"+e.version}},[e._v("vue-simple-spinner "+e._s(e.version))])]),e._v(" "),n("div",{staticClass:"flex-none"},[n("a",{attrs:{href:"https://github.com/dzwillia/vue-simple-spinner",rel:"noopener",target:"_blank",title:"View on Github"}},[n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"white",width:"32",height:"32",viewBox:"0 0 16 16"}},[n("path",{attrs:{d:"M8 .198c-4.418 0-8 3.582-8 8 0 3.535 2.292 6.533 5.47 7.59.4.075.548-.173.548-.384 0-.19-.008-.82-.01-1.49-2.227.485-2.696-.943-2.696-.943-.364-.924-.888-1.17-.888-1.17-.726-.497.055-.486.055-.486.802.056 1.225.824 1.225.824.714 1.223 1.872.87 2.328.665.072-.517.28-.87.508-1.07-1.776-.202-3.644-.888-3.644-3.954 0-.874.313-1.588.824-2.148-.083-.202-.357-1.015.077-2.117 0 0 .672-.215 2.2.82.64-.177 1.323-.266 2.003-.27.68.004 1.365.093 2.004.27 1.527-1.035 2.198-.82 2.198-.82.435 1.102.162 1.916.08 2.117.512.56.822 1.274.822 2.147 0 3.072-1.872 3.748-3.653 3.946.288.248.544.735.544 1.48 0 1.07-.01 1.933-.01 2.196 0 .213.145.462.55.384 3.178-1.06 5.467-4.057 5.467-7.59 0-4.418-3.58-8-8-8z"}})])])])]),e._v(" "),n("div",{staticClass:"flex-fill",staticStyle:{"padding-bottom":"10rem"}},[n("div",{staticClass:"mb5 center",staticStyle:{"max-width":"57rem"}},[n("div",{staticClass:"pt5 nb5",attrs:{id:"default-spinners"}},[n("a",{class:e.header_cls,attrs:{href:"#default-spinners"}},[n("h2",{staticClass:"ma0 pb2 f2 fw4 lh-1"},[e._v("Default Spinners")]),e._v(" "),n("p",{staticClass:"ma0 lh-copy f6"},[e._v("Spinners can be used with either no configuration or very little configuration.")])]),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Default spinner")]),e._v(" "),n("spinner")],1),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Default spinner with message")]),e._v(" "),n("spinner",{attrs:{message:"Loading..."}})],1)]),e._v(" "),n("div",{staticClass:"pt5 nb5",attrs:{id:"standard-sizes"}},[n("a",{class:e.header_cls,attrs:{href:"#standard-sizes"}},[n("h2",{staticClass:"ma0 pb2 f2 fw4 lh-1"},[e._v("Standard Sizes")]),e._v(" "),n("p",{staticClass:"ma0 lh-copy f6"},[e._v("Spinners come with some standard sizes which size both the spinner element as well as the message text.")])]),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Tiny spinner")]),e._v(" "),n("spinner",{attrs:{size:"tiny",message:"Loading..."}})],1),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Small spinner")]),e._v(" "),n("spinner",{attrs:{size:"small",message:"Loading..."}})],1),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Medium spinner")]),e._v(" "),n("spinner",{attrs:{size:"medium",message:"Loading..."}})],1),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Large spinner")]),e._v(" "),n("spinner",{attrs:{size:"large",message:"Loading..."}})],1),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Big spinner")]),e._v(" "),n("spinner",{attrs:{size:"big",message:"Loading..."}})],1),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Huge spinner")]),e._v(" "),n("spinner",{attrs:{size:"huge",message:"Loading..."}})],1),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Massive spinner")]),e._v(" "),n("spinner",{attrs:{size:"massive",message:"Loading..."}})],1)]),e._v(" "),n("div",{staticClass:"pt5 nb5",attrs:{id:"custom-sizes"}},[n("a",{class:e.header_cls,attrs:{href:"#custom-sizes"}},[n("h2",{staticClass:"ma0 pb2 f2 fw4 lh-1"},[e._v("Custom Sizes")]),e._v(" "),n("p",{staticClass:"ma0 lh-copy f6"},[e._v("Spinners can also have any arbitrary size (both overall size as well as line size).")])]),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Custom size (55px)")]),e._v(" "),n("spinner",{attrs:{size:55}})],1),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Custom size (88px)")]),e._v(" "),n("spinner",{attrs:{size:88}})],1),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Custom line size (7px)")]),e._v(" "),n("spinner",{attrs:{"line-size":7}})],1),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Custom line size (12px)")]),e._v(" "),n("spinner",{attrs:{"line-size":12}})],1),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Both custom size and line size (55px and 7px respectively)")]),e._v(" "),n("spinner",{attrs:{size:55,"line-size":7}})],1),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Both custom size and line size (88px and 12px respectively)")]),e._v(" "),n("spinner",{attrs:{size:88,"line-size":12}})],1)]),e._v(" "),n("div",{staticClass:"pt5 nb5",attrs:{id:"custom-colors"}},[n("a",{class:e.header_cls,attrs:{href:"#custom-colors"}},[n("h2",{staticClass:"ma0 pb2 f2 fw4 lh-1"},[e._v("Custom Colors")]),e._v(" "),n("p",{staticClass:"ma0 lh-copy f6"},[e._v("Line foreground, line background and message text colors can all be changed.")])]),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Line foreground color")]),e._v(" "),n("spinner",{attrs:{"line-fg-color":"#009900"}})],1),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Line background color")]),e._v(" "),n("spinner",{attrs:{"line-bg-color":"#555555"}})],1),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Line foreground and background colors")]),e._v(" "),n("spinner",{attrs:{"line-fg-color":"#009900","line-bg-color":"#555555"}})],1)]),e._v(" "),n("div",{staticClass:"pt5 nb5",attrs:{id:"custom-speeds"}},[n("a",{class:e.header_cls,attrs:{href:"#custom-speeds"}},[n("h2",{staticClass:"ma0 pb2 f2 fw4 lh-1"},[e._v("Custom Speeds")]),e._v(" "),n("p",{staticClass:"ma0 lh-copy f6"},[e._v("The speed of the spinner can be changed to any arbitrary speed.")])]),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Fast (0.4s)")]),e._v(" "),n("spinner",{attrs:{speed:.4}})],1),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Slow (2s)")]),e._v(" "),n("spinner",{attrs:{speed:2}})],1),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Very slow (6s)")]),e._v(" "),n("spinner",{attrs:{speed:6}})],1)]),e._v(" "),n("div",{staticClass:"pt5 nb5",attrs:{id:"custom-messages"}},[n("a",{class:e.header_cls,attrs:{href:"#custom-messages"}},[n("h2",{staticClass:"ma0 pb2 f2 fw4 lh-1"},[e._v("Custom Messages")]),e._v(" "),n("p",{staticClass:"ma0 lh-copy f6"},[e._v("The spacing, font size and color of the message can be changed.")])]),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Spacing (55px)")]),e._v(" "),n("spinner",{attrs:{spacing:55,message:"I'm 55px below the spinner"}})],1),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Font size (20px)")]),e._v(" "),n("spinner",{attrs:{"font-size":20,message:"I'm a 20px font size"}})],1),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Font color (#009900)")]),e._v(" "),n("spinner",{attrs:{"text-fg-color":"#009900",message:"I'm #009900 green!"}})],1)]),e._v(" "),n("div",{staticClass:"pt5 nb5",attrs:{id:"layout-inside-parent"}},[n("a",{class:e.header_cls,attrs:{href:"#layout-inside-parent"}},[n("h2",{staticClass:"ma0 pb2 f2 fw4 lh-1"},[e._v("Layout Inside Parent")]),e._v(" "),n("p",{staticClass:"ma0 lh-copy f6"},[e._v("Easily change the location of the spinner inside its parent element. The spinner element's CSS is very unopinionated which allows for easy application of CSS or inline styles to position it. In general, most positioning can happen by changing styles on the parent element.")])]),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Center-aligned (default)")]),e._v(" "),n("spinner")],1),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Left-aligned")]),e._v(" "),n("div",{staticClass:"tl"},[n("spinner",{staticClass:"dib"})],1)]),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Right-aligned")]),e._v(" "),n("div",{staticClass:"tr"},[n("spinner",{staticClass:"dib"})],1)]),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Centered vertically and horizontally")]),e._v(" "),n("div",{staticClass:"flex flex-column items-center justify-center h4 bg-black-40"},[n("spinner")],1)]),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Bottom-left corner")]),e._v(" "),n("div",{staticClass:"flex flex-column items-start justify-end h4 bg-black-40"},[n("spinner",{staticClass:"ma3"})],1)]),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Centered at bottom")]),e._v(" "),n("div",{staticClass:"flex flex-column items-center justify-end h4 bg-black-40"},[n("spinner",{staticClass:"ma3"})],1)]),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[e._v("Bottom-right corner")]),e._v(" "),n("div",{staticClass:"flex flex-column items-end justify-end h4 bg-black-40"},[n("spinner",{staticClass:"ma3"})],1)])]),e._v(" "),n("div",{staticClass:"pt5 nb5",attrs:{id:"full-power-of-vuejs"}},[n("a",{class:e.header_cls,attrs:{href:"#full-power-of-vuejs"}},[n("h2",{staticClass:"ma0 pb2 f2 fw4 lh-1"},[e._v("Full Power of Vue.js")]),e._v(" "),n("p",{staticClass:"ma0 lh-copy f6"},[e._v("With the power of the Vue.js virtual DOM, properties can be updated without needing to re-render the entire component.")])]),e._v(" "),n("div",{class:e.box_cls,style:e.box_style},[n("div",{class:e.label_cls},[n("span",[e._v("Values change every 4 seconds")]),e._v(" "),n("div",{staticClass:"mv2",staticStyle:{"font-size":"12px"}},[n("table",{staticClass:"collapse"},[n("thead",[n("tr",[n("th",{staticClass:"tl bg-near-white",class:e.cell_cls},[e._v("Property")]),e._v(" "),n("th",{staticClass:"tl bg-near-white",class:e.cell_cls},[e._v("Value")])])]),e._v(" "),n("tbody",[n("tr",[n("td",{class:e.cell_cls},[e._v("Size:")]),e._v(" "),n("td",{class:e.cell_cls},[e._v(e._s(e.spinner_size)+"px")])]),e._v(" "),n("tr",[n("td",{class:e.cell_cls},[e._v("Line Size:")]),e._v(" "),n("td",{class:e.cell_cls},[e._v(e._s(e.spinner_line_size)+"px")])]),e._v(" "),n("tr",[n("td",{class:e.cell_cls},[e._v("Line Foreground Color:")]),e._v(" "),n("td",{class:e.cell_cls},[e._v(e._s(e.spinner_line_fg_color))])]),e._v(" "),n("tr",[n("td",{class:e.cell_cls},[e._v("Line Background Color:")]),e._v(" "),n("td",{class:e.cell_cls},[e._v(e._s(e.spinner_line_bg_color))])]),e._v(" "),n("tr",[n("td",{class:e.cell_cls},[e._v("Speed:")]),e._v(" "),n("td",{class:e.cell_cls},[e._v(e._s(e.spinner_speed)+"s")])]),e._v(" "),n("tr",[n("td",{class:e.cell_cls},[e._v("Spacing:")]),e._v(" "),n("td",{class:e.cell_cls},[e._v(e._s(e.spinner_spacing)+"px")])]),e._v(" "),n("tr",[n("td",{class:e.cell_cls},[e._v("Message:")]),e._v(" "),n("td",{class:e.cell_cls},[e._v('"'+e._s(e.spinner_message)+'"')])]),e._v(" "),n("tr",[n("td",{class:e.cell_cls},[e._v("Font Size:")]),e._v(" "),n("td",{class:e.cell_cls},[e._v(e._s(e.spinner_font_size)+"px")])]),e._v(" "),n("tr",[n("td",{class:e.cell_cls},[e._v("Text Foreground Color:")]),e._v(" "),n("td",{class:e.cell_cls},[e._v(e._s(e.spinner_text_fg_color))])])])])]),e._v(" "),n("div",{staticClass:"mt2 mb4"},[n("button",{staticClass:"pv2 ph3 bn br1 white bg-blue darken-10",attrs:{type:"button"},on:{click:function(t){e.is_paused=!e.is_paused}}},[e.is_paused?n("span",[e._v("Start")]):n("span",[e._v("Pause")])])])]),e._v(" "),n("spinner",{attrs:{size:e.spinner_size,"line-size":e.spinner_line_size,"line-fg-color":e.spinner_line_fg_color,"line-bg-color":e.spinner_line_bg_color,speed:e.spinner_speed,spacing:e.spinner_spacing,message:e.spinner_message,"font-size":e.spinner_font_size,"text-fg-color":e.spinner_text_fg_color}})],1)])])])])},staticRenderFns:[]}}]);


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