├── .babelrc
├── .gitignore
├── LICENSE
├── README.md
├── assets
    └── images
    │   ├── 1.png
    │   ├── 10.jpg
    │   ├── 2.png
    │   ├── 3.jpg
    │   ├── 4.jpg
    │   ├── 5.png
    │   ├── 6.png
    │   ├── 7.png
    │   ├── 8.png
    │   └── 9.png
├── dist
    └── vue-card-layer.js
├── index.html
├── package-lock.json
├── package.json
├── src
    ├── App.vue
    ├── components
    │   ├── Card.vue
    │   └── CardList.vue
    └── index.js
├── static
    └── images
    │   └── readme.gif
├── vue-card-layer.js
├── webpack.config.js
└── webpack.dev.config.js


/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [
 3 |     "es2015",
 4 |     "stage-2"
 5 |   ],
 6 |   "plugins": [
 7 |     "transform-runtime",
 8 |     "transform-object-rest-spread"
 9 |   ]
10 | }
11 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/
2 | .DS_Store
3 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 junseok
 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 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # vue-card-layer
 2 | It is very simple vue-card-layer.
 3 | 
 4 | # Example
 5 | ![example](./static/images/readme.gif)
 6 | 
 7 | # Install
 8 | ~~~bash
 9 | $ git clone https://github.com/jicjjang/vue-card-layer
10 | $ npm install
11 | ~~~
12 | 
13 | # Usage
14 | 
15 | ##### If it was look difficult, See the index.html and src/index.js file.
16 | 
17 | ## Vue.use
18 | ~~~javascript
19 | import Vue from 'vue'
20 | 
21 | import App from './App.vue'
22 | import VueCardLayer from '../vue-card-layer'
23 | 
24 | Vue.use(VueCardLayer, { // options
25 |   cardWidth: '364px',
26 |   cardHeight: '340px',
27 |   cardListMaxWidth: ''
28 | })
29 | 
30 | new Vue({
31 |   el: "#app",
32 |   render: h => h(App)
33 | })
34 | 
35 | ~~~
36 | 
37 | # License
38 | 
39 | ### MIT License
40 | 
41 | #### Copyright (c) 2017 junseok
42 | 
43 | Permission is hereby granted, free of charge, to any person obtaining a copy
44 | of this software and associated documentation files (the "Software"), to deal
45 | in the Software without restriction, including without limitation the rights
46 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
47 | copies of the Software, and to permit persons to whom the Software is
48 | furnished to do so, subject to the following conditions:
49 | 
50 | The above copyright notice and this permission notice shall be included in all
51 | copies or substantial portions of the Software.
52 | 
53 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
54 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
55 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
56 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
57 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
58 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
59 | SOFTWARE.
60 | 


--------------------------------------------------------------------------------
/assets/images/1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jicjjang/vue-card-layer/32cd023b99b8d126d1df9f4be37eb3cd4e4bd0ad/assets/images/1.png


--------------------------------------------------------------------------------
/assets/images/10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jicjjang/vue-card-layer/32cd023b99b8d126d1df9f4be37eb3cd4e4bd0ad/assets/images/10.jpg


--------------------------------------------------------------------------------
/assets/images/2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jicjjang/vue-card-layer/32cd023b99b8d126d1df9f4be37eb3cd4e4bd0ad/assets/images/2.png


--------------------------------------------------------------------------------
/assets/images/3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jicjjang/vue-card-layer/32cd023b99b8d126d1df9f4be37eb3cd4e4bd0ad/assets/images/3.jpg


--------------------------------------------------------------------------------
/assets/images/4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jicjjang/vue-card-layer/32cd023b99b8d126d1df9f4be37eb3cd4e4bd0ad/assets/images/4.jpg


--------------------------------------------------------------------------------
/assets/images/5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jicjjang/vue-card-layer/32cd023b99b8d126d1df9f4be37eb3cd4e4bd0ad/assets/images/5.png


--------------------------------------------------------------------------------
/assets/images/6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jicjjang/vue-card-layer/32cd023b99b8d126d1df9f4be37eb3cd4e4bd0ad/assets/images/6.png


--------------------------------------------------------------------------------
/assets/images/7.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jicjjang/vue-card-layer/32cd023b99b8d126d1df9f4be37eb3cd4e4bd0ad/assets/images/7.png


--------------------------------------------------------------------------------
/assets/images/8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jicjjang/vue-card-layer/32cd023b99b8d126d1df9f4be37eb3cd4e4bd0ad/assets/images/8.png


--------------------------------------------------------------------------------
/assets/images/9.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jicjjang/vue-card-layer/32cd023b99b8d126d1df9f4be37eb3cd4e4bd0ad/assets/images/9.png


--------------------------------------------------------------------------------
/dist/vue-card-layer.js:
--------------------------------------------------------------------------------
1 | !function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/dist/",e(e.s=47)}([function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e,n){var r=n(35)("wks"),o=n(40),i=n(0).Symbol,a="function"==typeof i;(t.exports=function(t){return r[t]||(r[t]=a&&i[t]||(a?i:o)("Symbol."+t))}).store=r},function(t,e,n){var r=n(7);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},function(t,e){var n=t.exports={version:"2.5.1"};"number"==typeof __e&&(__e=n)},function(t,e,n){var r=n(13),o=n(34);t.exports=n(5)?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){t.exports=!n(16)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e,n){var r=n(0),o=n(3),i=n(11),a=n(4),s=function(t,e,n){var c,u,l,f=t&s.F,d=t&s.G,p=t&s.S,v=t&s.P,h=t&s.B,m=t&s.W,y=d?o:o[e]||(o[e]={}),_=y.prototype,g=d?r:p?r[e]:(r[e]||{}).prototype;d&&(n=e);for(c in n)(u=!f&&g&&void 0!==g[c])&&c in y||(l=u?g[c]:n[c],y[c]=d&&"function"!=typeof g[c]?n[c]:h&&u?i(l,r):m&&g[c]==l?function(t){var e=function(e,n,r){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,n)}return new t(e,n,r)}return t.apply(this,arguments)};return e.prototype=t.prototype,e}(l):v&&"function"==typeof l?i(Function.call,l):l,v&&((y.virtual||(y.virtual={}))[c]=l,t&s.R&&_&&!_[c]&&a(_,c,l)))};s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,s.U=64,s.R=128,t.exports=s},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e){t.exports={}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e,n){var r=n(9);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e,n){var r=n(2),o=n(56),i=n(76),a=Object.defineProperty;e.f=n(5)?Object.defineProperty:function(t,e,n){if(r(t),e=i(e,!0),r(n),o)try{return a(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e,n){var r=n(7),o=n(0).document,i=r(o)&&r(o.createElement);t.exports=function(t){return i?o.createElement(t):{}}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e,n){"use strict";function r(t){var e,n;this.promise=new t(function(t,r){if(void 0!==e||void 0!==n)throw TypeError("Bad Promise constructor");e=t,n=r}),this.resolve=o(e),this.reject=o(n)}var o=n(9);t.exports.f=function(t){return new r(t)}},function(t,e,n){var r=n(13).f,o=n(12),i=n(1)("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,i)&&r(t,i,{configurable:!0,value:e})}},function(t,e,n){var r=n(35)("keys"),o=n(40);t.exports=function(t){return r[t]||(r[t]=o(t))}},function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},function(t,e,n){var r=n(28),o=n(14);t.exports=function(t){return r(o(t))}},function(t,e){function n(t,e){var n=t[1]||"",o=t[3];if(!o)return n;if(e&&"function"==typeof btoa){var i=r(o);return[n].concat(o.sources.map(function(t){return"/*# sourceURL="+o.sourceRoot+t+" */"})).concat([i]).join("\n")}return[n].join("\n")}function r(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var r=n(e,t);return e[2]?"@media "+e[2]+"{"+r+"}":r}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<t.length;o++){var a=t[o];"number"==typeof a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},function(t,e){t.exports=function(t,e,n,r,o){var i,a=t=t||{},s=typeof t.default;"object"!==s&&"function"!==s||(i=t,a=t.default);var c="function"==typeof a?a.options:a;e&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns),r&&(c._scopeId=r);var u;if(o?(u=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),n&&n.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(o)},c._ssrRegister=u):n&&(u=n),u){var l=c.functional,f=l?c.render:c.beforeCreate;l?c.render=function(t,e){return u.call(e),f(t,e)}:c.beforeCreate=f?[].concat(f,u):[u]}return{esModule:i,exports:a,options:c}}},function(t,e,n){function r(t){for(var e=0;e<t.length;e++){var n=t[e],r=l[n.id];if(r){r.refs++;for(var o=0;o<r.parts.length;o++)r.parts[o](n.parts[o]);for(;o<n.parts.length;o++)r.parts.push(i(n.parts[o]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{for(var a=[],o=0;o<n.parts.length;o++)a.push(i(n.parts[o]));l[n.id]={id:n.id,refs:1,parts:a}}}}function o(){var t=document.createElement("style");return t.type="text/css",f.appendChild(t),t}function i(t){var e,n,r=document.querySelector('style[data-vue-ssr-id~="'+t.id+'"]');if(r){if(v)return h;r.parentNode.removeChild(r)}if(m){var i=p++;r=d||(d=o()),e=a.bind(null,r,i,!1),n=a.bind(null,r,i,!0)}else r=o(),e=s.bind(null,r),n=function(){r.parentNode.removeChild(r)};return e(t),function(r){if(r){if(r.css===t.css&&r.media===t.media&&r.sourceMap===t.sourceMap)return;e(t=r)}else n()}}function a(t,e,n,r){var o=n?"":r.css;if(t.styleSheet)t.styleSheet.cssText=y(e,o);else{var i=document.createTextNode(o),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(i,a[e]):t.appendChild(i)}}function s(t,e){var n=e.css,r=e.media,o=e.sourceMap;if(r&&t.setAttribute("media",r),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}var c="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!c)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 u=n(98),l={},f=c&&(document.head||document.getElementsByTagName("head")[0]),d=null,p=0,v=!1,h=function(){},m="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());t.exports=function(t,e,n){v=n;var o=u(t,e);return r(o),function(e){for(var n=[],i=0;i<o.length;i++){var a=o[i],s=l[a.id];s.refs--,n.push(s)}e?(o=u(t,e),r(o)):o=[];for(var i=0;i<n.length;i++){var s=n[i];if(0===s.refs){for(var c=0;c<s.parts.length;c++)s.parts[c]();delete l[s.id]}}}};var y=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},function(t,e,n){var r=n(10),o=n(1)("toStringTag"),i="Arguments"==r(function(){return arguments}()),a=function(t,e){try{return t[e]}catch(t){}};t.exports=function(t){var e,n,s;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=a(e=Object(t),o))?n:i?r(e):"Object"==(s=r(e))&&"function"==typeof e.callee?"Arguments":s}},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e,n){var r=n(0).document;t.exports=r&&r.documentElement},function(t,e,n){var r=n(10);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},function(t,e,n){"use strict";var r=n(30),o=n(6),i=n(72),a=n(4),s=n(12),c=n(8),u=n(60),l=n(18),f=n(68),d=n(1)("iterator"),p=!([].keys&&"next"in[].keys()),v=function(){return this};t.exports=function(t,e,n,h,m,y,_){u(n,e,h);var g,b,x,w=function(t){if(!p&&t in N)return N[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},E=e+" Iterator",O="values"==m,C=!1,N=t.prototype,A=N[d]||N["@@iterator"]||m&&N[m],$=A||w(m),k=m?O?w("entries"):$:void 0,S="Array"==e?N.entries||A:A;if(S&&(x=f(S.call(new t)))!==Object.prototype&&x.next&&(l(x,E,!0),r||s(x,d)||a(x,d,v)),O&&A&&"values"!==A.name&&(C=!0,$=function(){return A.call(this)}),r&&!_||!p&&!C&&N[d]||a(N,d,$),c[e]=$,c[E]=v,m)if(g={values:O?$:w("values"),keys:y?$:w("keys"),entries:k},_)for(b in g)b in N||i(N,b,g[b]);else o(o.P+o.F*(p||C),e,g);return g}},function(t,e){t.exports=!0},function(t,e,n){var r=n(69),o=n(26);t.exports=Object.keys||function(t){return r(t,o)}},function(t,e){t.exports=function(t){try{return{e:!1,v:t()}}catch(t){return{e:!0,v:t}}}},function(t,e,n){var r=n(2),o=n(7),i=n(17);t.exports=function(t,e){if(r(t),o(e)&&e.constructor===t)return e;var n=i.f(t);return(0,n.resolve)(e),n.promise}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){var r=n(0),o=r["__core-js_shared__"]||(r["__core-js_shared__"]={});t.exports=function(t){return o[t]||(o[t]={})}},function(t,e,n){var r=n(2),o=n(9),i=n(1)("species");t.exports=function(t,e){var n,a=r(t).constructor;return void 0===a||void 0==(n=r(a)[i])?e:o(n)}},function(t,e,n){var r,o,i,a=n(11),s=n(57),c=n(27),u=n(15),l=n(0),f=l.process,d=l.setImmediate,p=l.clearImmediate,v=l.MessageChannel,h=l.Dispatch,m=0,y={},_=function(){var t=+this;if(y.hasOwnProperty(t)){var e=y[t];delete y[t],e()}},g=function(t){_.call(t.data)};d&&p||(d=function(t){for(var e=[],n=1;arguments.length>n;)e.push(arguments[n++]);return y[++m]=function(){s("function"==typeof t?t:Function(t),e)},r(m),m},p=function(t){delete y[t]},"process"==n(10)(f)?r=function(t){f.nextTick(a(_,t,1))}:h&&h.now?r=function(t){h.now(a(_,t,1))}:v?(o=new v,i=o.port2,o.port1.onmessage=g,r=a(i.postMessage,i,1)):l.addEventListener&&"function"==typeof postMessage&&!l.importScripts?(r=function(t){l.postMessage(t+"","*")},l.addEventListener("message",g,!1)):r="onreadystatechange"in u("script")?function(t){c.appendChild(u("script")).onreadystatechange=function(){c.removeChild(this),_.call(t)}}:function(t){setTimeout(a(_,t,1),0)}),t.exports={set:d,clear:p}},function(t,e,n){var r=n(20),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},function(t,e,n){var r=n(14);t.exports=function(t){return Object(r(t))}},function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(48),i=r(o),a=n(91),s=r(a),c={install:function(t,e){t.component("VueCardLayer",{extends:s.default,config:(0,i.default)({cardWidth:"364px",cardHeight:"340px",cardListMaxWidth:"1000px"},e)})}};e.default=c},function(t,e,n){function r(t){n(96)}var o=n(23)(n(44),n(93),r,null,null);t.exports=o.exports},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t,n){/*!
2 |  * Vue.js v2.4.4
3 |  * (c) 2014-2017 Evan You
4 |  * Released under the MIT License.
5 |  */
6 | function r(t){return void 0===t||null===t}function o(t){return void 0!==t&&null!==t}function i(t){return!0===t}function a(t){return!1===t}function s(t){return"string"==typeof t||"number"==typeof t||"boolean"==typeof t}function c(t){return null!==t&&"object"==typeof t}function u(t){return"[object Object]"===lr.call(t)}function l(t){return"[object RegExp]"===lr.call(t)}function f(t){var e=parseFloat(t);return e>=0&&Math.floor(e)===e&&isFinite(t)}function d(t){return null==t?"":"object"==typeof t?JSON.stringify(t,null,2):String(t)}function p(t){var e=parseFloat(t);return isNaN(e)?t:e}function v(t,e){for(var n=Object.create(null),r=t.split(","),o=0;o<r.length;o++)n[r[o]]=!0;return e?function(t){return n[t.toLowerCase()]}:function(t){return n[t]}}function h(t,e){if(t.length){var n=t.indexOf(e);if(n>-1)return t.splice(n,1)}}function m(t,e){return pr.call(t,e)}function y(t){var e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}function _(t,e){function n(n){var r=arguments.length;return r?r>1?t.apply(e,arguments):t.call(e,n):t.call(e)}return n._length=t.length,n}function g(t,e){e=e||0;for(var n=t.length-e,r=new Array(n);n--;)r[n]=t[n+e];return r}function b(t,e){for(var n in e)t[n]=e[n];return t}function x(t){for(var e={},n=0;n<t.length;n++)t[n]&&b(e,t[n]);return e}function w(t,e,n){}function E(t,e){if(t===e)return!0;var n=c(t),r=c(e);if(!n||!r)return!n&&!r&&String(t)===String(e);try{var o=Array.isArray(t),i=Array.isArray(e);if(o&&i)return t.length===e.length&&t.every(function(t,n){return E(t,e[n])});if(o||i)return!1;var a=Object.keys(t),s=Object.keys(e);return a.length===s.length&&a.every(function(n){return E(t[n],e[n])})}catch(t){return!1}}function O(t,e){for(var n=0;n<t.length;n++)if(E(t[n],e))return n;return-1}function C(t){var e=!1;return function(){e||(e=!0,t.apply(this,arguments))}}function N(t){var e=(t+"").charCodeAt(0);return 36===e||95===e}function A(t,e,n,r){Object.defineProperty(t,e,{value:n,enumerable:!!r,writable:!0,configurable:!0})}function $(t){if(!Nr.test(t)){var e=t.split(".");return function(t){for(var n=0;n<e.length;n++){if(!t)return;t=t[e[n]]}return t}}}function k(e,n,r){if(Or.errorHandler)Or.errorHandler.call(null,e,n,r);else{if("production"!==t.env.NODE_ENV&&Ar("Error in "+r+': "'+e.toString()+'"',n),!Vr||"undefined"==typeof console)throw e;console.error(e)}}function S(t){return"function"==typeof t&&/native code/.test(t.toString())}function T(t){to.target&&eo.push(to.target),to.target=t}function j(){to.target=eo.pop()}function D(t,e,n){t.__proto__=e}function M(t,e,n){for(var r=0,o=n.length;r<o;r++){var i=n[r];A(t,i,e[i])}}function P(t,e){if(c(t)){var n;return m(t,"__ob__")&&t.__ob__ instanceof ao?n=t.__ob__:io.shouldConvert&&!Jr()&&(Array.isArray(t)||u(t))&&Object.isExtensible(t)&&!t._isVue&&(n=new ao(t)),e&&n&&n.vmCount++,n}}function V(e,n,r,o,i){var a=new to,s=Object.getOwnPropertyDescriptor(e,n);if(!s||!1!==s.configurable){var c=s&&s.get,u=s&&s.set,l=!i&&P(r);Object.defineProperty(e,n,{enumerable:!0,configurable:!0,get:function(){var t=c?c.call(e):r;return to.target&&(a.depend(),l&&(l.dep.depend(),Array.isArray(t)&&R(t))),t},set:function(n){var s=c?c.call(e):r;n===s||n!==n&&s!==s||("production"!==t.env.NODE_ENV&&o&&o(),u?u.call(e,n):r=n,l=!i&&P(n),a.notify())}})}}function L(e,n,r){if(Array.isArray(e)&&f(n))return e.length=Math.max(e.length,n),e.splice(n,1,r),r;if(m(e,n))return e[n]=r,r;var o=e.__ob__;return e._isVue||o&&o.vmCount?("production"!==t.env.NODE_ENV&&Ar("Avoid adding reactive properties to a Vue instance or its root $data at runtime - declare it upfront in the data option."),r):o?(V(o.value,n,r),o.dep.notify(),r):(e[n]=r,r)}function I(e,n){if(Array.isArray(e)&&f(n))return void e.splice(n,1);var r=e.__ob__;if(e._isVue||r&&r.vmCount)return void("production"!==t.env.NODE_ENV&&Ar("Avoid deleting properties on a Vue instance or its root $data - just set it to null."));m(e,n)&&(delete e[n],r&&r.dep.notify())}function R(t){for(var e=void 0,n=0,r=t.length;n<r;n++)e=t[n],e&&e.__ob__&&e.__ob__.dep.depend(),Array.isArray(e)&&R(e)}function F(t,e){if(!e)return t;for(var n,r,o,i=Object.keys(e),a=0;a<i.length;a++)n=i[a],r=t[n],o=e[n],m(t,n)?u(r)&&u(o)&&F(r,o):L(t,n,o);return t}function U(t,e,n){return n?t||e?function(){var r="function"==typeof e?e.call(n):e,o="function"==typeof t?t.call(n):t;return r?F(r,o):o}:void 0:e?t?function(){return F("function"==typeof e?e.call(this):e,"function"==typeof t?t.call(this):t)}:e:t}function H(t,e){return e?t?t.concat(e):Array.isArray(e)?e:[e]:t}function B(t,e){var n=Object.create(t||null);return e?b(n,e):n}function W(t){for(var e in t.components){var n=e.toLowerCase();(fr(n)||Or.isReservedTag(n))&&Ar("Do not use built-in or reserved HTML elements as component id: "+e)}}function z(e){var n=e.props;if(n){var r,o,i,a={};if(Array.isArray(n))for(r=n.length;r--;)o=n[r],"string"==typeof o?(i=hr(o),a[i]={type:null}):"production"!==t.env.NODE_ENV&&Ar("props must be strings when using array syntax.");else if(u(n))for(var s in n)o=n[s],i=hr(s),a[i]=u(o)?o:{type:o};e.props=a}}function q(t){var e=t.inject;if(Array.isArray(e))for(var n=t.inject={},r=0;r<e.length;r++)n[e[r]]=e[r]}function G(t){var e=t.directives;if(e)for(var n in e){var r=e[n];"function"==typeof r&&(e[n]={bind:r,update:r})}}function K(e,n,r){function o(t){var o=so[t]||uo;u[t]=o(e[t],n[t],r,t)}"production"!==t.env.NODE_ENV&&W(n),"function"==typeof n&&(n=n.options),z(n),q(n),G(n);var i=n.extends;if(i&&(e=K(e,i,r)),n.mixins)for(var a=0,s=n.mixins.length;a<s;a++)e=K(e,n.mixins[a],r);var c,u={};for(c in e)o(c);for(c in n)m(e,c)||o(c);return u}function J(e,n,r,o){if("string"==typeof r){var i=e[n];if(m(i,r))return i[r];var a=hr(r);if(m(i,a))return i[a];var s=mr(a);if(m(i,s))return i[s];var c=i[r]||i[a]||i[s];return"production"!==t.env.NODE_ENV&&o&&!c&&Ar("Failed to resolve "+n.slice(0,-1)+": "+r,e),c}}function Y(e,n,r,o){var i=n[e],a=!m(r,e),s=r[e];if(et(Boolean,i.type)&&(a&&!m(i,"default")?s=!1:et(String,i.type)||""!==s&&s!==_r(e)||(s=!0)),void 0===s){s=X(o,i,e);var c=io.shouldConvert;io.shouldConvert=!0,P(s),io.shouldConvert=c}return"production"!==t.env.NODE_ENV&&Z(i,e,s,o,a),s}function X(e,n,r){if(m(n,"default")){var o=n.default;return"production"!==t.env.NODE_ENV&&c(o)&&Ar('Invalid default value for prop "'+r+'": Props with type Object/Array must use a factory function to return the default value.',e),e&&e.$options.propsData&&void 0===e.$options.propsData[r]&&void 0!==e._props[r]?e._props[r]:"function"==typeof o&&"Function"!==tt(n.type)?o.call(e):o}}function Z(t,e,n,r,o){if(t.required&&o)return void Ar('Missing required prop: "'+e+'"',r);if(null!=n||t.required){var i=t.type,a=!i||!0===i,s=[];if(i){Array.isArray(i)||(i=[i]);for(var c=0;c<i.length&&!a;c++){var u=Q(n,i[c]);s.push(u.expectedType||""),a=u.valid}}if(!a)return void Ar('Invalid prop: type check failed for prop "'+e+'". Expected '+s.map(mr).join(", ")+", got "+Object.prototype.toString.call(n).slice(8,-1)+".",r);var l=t.validator;l&&(l(n)||Ar('Invalid prop: custom validator check failed for prop "'+e+'".',r))}}function Q(t,e){var n,r=tt(e);if(lo.test(r)){var o=typeof t;n=o===r.toLowerCase(),n||"object"!==o||(n=t instanceof e)}else n="Object"===r?u(t):"Array"===r?Array.isArray(t):t instanceof e;return{valid:n,expectedType:r}}function tt(t){var e=t&&t.toString().match(/^\s*function (\w+)/);return e?e[1]:""}function et(t,e){if(!Array.isArray(e))return tt(e)===tt(t);for(var n=0,r=e.length;n<r;n++)if(tt(e[n])===tt(t))return!0;return!1}function nt(t){return new xo(void 0,void 0,void 0,String(t))}function rt(t,e){var n=new xo(t.tag,t.data,t.children,t.text,t.elm,t.context,t.componentOptions,t.asyncFactory);return n.ns=t.ns,n.isStatic=t.isStatic,n.key=t.key,n.isComment=t.isComment,n.isCloned=!0,e&&t.children&&(n.children=ot(t.children)),n}function ot(t,e){for(var n=t.length,r=new Array(n),o=0;o<n;o++)r[o]=rt(t[o],e);return r}function it(t){function e(){var t=arguments,n=e.fns;if(!Array.isArray(n))return n.apply(null,arguments);for(var r=n.slice(),o=0;o<r.length;o++)r[o].apply(null,t)}return e.fns=t,e}function at(t,e){return t.plain?-1:e.plain?1:0}function st(e,n,o,i,a){var s,c,u,l,f=[],d=!1;for(s in e)c=e[s],u=n[s],l=Co(s),l.plain||(d=!0),r(c)?"production"!==t.env.NODE_ENV&&Ar('Invalid handler for event "'+l.name+'": got '+String(c),a):r(u)?(r(c.fns)&&(c=e[s]=it(c)),l.handler=c,f.push(l)):c!==u&&(u.fns=c,e[s]=u);if(f.length){d&&f.sort(at);for(var p=0;p<f.length;p++){var v=f[p];o(v.name,v.handler,v.once,v.capture,v.passive)}}for(s in n)r(e[s])&&(l=Co(s),i(l.name,n[s],l.capture))}function ct(t,e,n){function a(){n.apply(this,arguments),h(s.fns,a)}var s,c=t[e];r(c)?s=it([a]):o(c.fns)&&i(c.merged)?(s=c,s.fns.push(a)):s=it([c,a]),s.merged=!0,t[e]=s}function ut(e,n,i){var a=n.options.props;if(!r(a)){var s={},c=e.attrs,u=e.props;if(o(c)||o(u))for(var l in a){var f=_r(l);if("production"!==t.env.NODE_ENV){var d=l.toLowerCase();l!==d&&c&&m(c,d)&&$r('Prop "'+d+'" is passed to component '+kr(i||n)+', but the declared prop name is "'+l+'". Note that HTML attributes are case-insensitive and camelCased props need to use their kebab-case equivalents when using in-DOM templates. You should probably use "'+f+'" instead of "'+l+'".')}lt(s,u,l,f,!0)||lt(s,c,l,f,!1)}return s}}function lt(t,e,n,r,i){if(o(e)){if(m(e,n))return t[n]=e[n],i||delete e[n],!0;if(m(e,r))return t[n]=e[r],i||delete e[r],!0}return!1}function ft(t){for(var e=0;e<t.length;e++)if(Array.isArray(t[e]))return Array.prototype.concat.apply([],t);return t}function dt(t){return s(t)?[nt(t)]:Array.isArray(t)?vt(t):void 0}function pt(t){return o(t)&&o(t.text)&&a(t.isComment)}function vt(t,e){var n,a,c,u=[];for(n=0;n<t.length;n++)a=t[n],r(a)||"boolean"==typeof a||(c=u[u.length-1],Array.isArray(a)?u.push.apply(u,vt(a,(e||"")+"_"+n)):s(a)?pt(c)?c.text+=String(a):""!==a&&u.push(nt(a)):pt(a)&&pt(c)?u[u.length-1]=nt(c.text+a.text):(i(t._isVList)&&o(a.tag)&&r(a.key)&&o(e)&&(a.key="__vlist"+e+"_"+n+"__"),u.push(a)));return u}function ht(t,e){return t.__esModule&&t.default&&(t=t.default),c(t)?e.extend(t):t}function mt(t,e,n,r,o){var i=Oo();return i.asyncFactory=t,i.asyncMeta={data:e,context:n,children:r,tag:o},i}function yt(e,n,a){if(i(e.error)&&o(e.errorComp))return e.errorComp;if(o(e.resolved))return e.resolved;if(i(e.loading)&&o(e.loadingComp))return e.loadingComp;if(!o(e.contexts)){var s=e.contexts=[a],u=!0,l=function(){for(var t=0,e=s.length;t<e;t++)s[t].$forceUpdate()},f=C(function(t){e.resolved=ht(t,n),u||l()}),d=C(function(n){"production"!==t.env.NODE_ENV&&Ar("Failed to resolve async component: "+String(e)+(n?"\nReason: "+n:"")),o(e.errorComp)&&(e.error=!0,l())}),p=e(f,d);return c(p)&&("function"==typeof p.then?r(e.resolved)&&p.then(f,d):o(p.component)&&"function"==typeof p.component.then&&(p.component.then(f,d),o(p.error)&&(e.errorComp=ht(p.error,n)),o(p.loading)&&(e.loadingComp=ht(p.loading,n),0===p.delay?e.loading=!0:setTimeout(function(){r(e.resolved)&&r(e.error)&&(e.loading=!0,l())},p.delay||200)),o(p.timeout)&&setTimeout(function(){r(e.resolved)&&d("production"!==t.env.NODE_ENV?"timeout ("+p.timeout+"ms)":null)},p.timeout))),u=!1,e.loading?e.loadingComp:e.resolved}e.contexts.push(a)}function _t(t){return t.isComment&&t.asyncFactory}function gt(t){if(Array.isArray(t))for(var e=0;e<t.length;e++){var n=t[e];if(o(n)&&(o(n.componentOptions)||_t(n)))return n}}function bt(t){t._events=Object.create(null),t._hasHookEvent=!1;var e=t.$options._parentListeners;e&&Et(t,e)}function xt(t,e,n){n?Eo.$once(t,e):Eo.$on(t,e)}function wt(t,e){Eo.$off(t,e)}function Et(t,e,n){Eo=t,st(e,n||{},xt,wt,t)}function Ot(t,e){var n={};if(!t)return n;for(var r=[],o=0,i=t.length;o<i;o++){var a=t[o],s=a.data;if(s&&s.attrs&&s.attrs.slot&&delete s.attrs.slot,a.context!==e&&a.functionalContext!==e||!s||null==s.slot)r.push(a);else{var c=a.data.slot,u=n[c]||(n[c]=[]);"template"===a.tag?u.push.apply(u,a.children):u.push(a)}}return r.every(Ct)||(n.default=r),n}function Ct(t){return t.isComment||" "===t.text}function Nt(t,e){e=e||{};for(var n=0;n<t.length;n++)Array.isArray(t[n])?Nt(t[n],e):e[t[n].key]=t[n].fn;return e}function At(t){var e=t.$options,n=e.parent;if(n&&!e.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(t)}t.$parent=n,t.$root=n?n.$root:t,t.$children=[],t.$refs={},t._watcher=null,t._inactive=null,t._directInactive=!1,t._isMounted=!1,t._isDestroyed=!1,t._isBeingDestroyed=!1}function $t(e,n,r){e.$el=n,e.$options.render||(e.$options.render=Oo,"production"!==t.env.NODE_ENV&&(e.$options.template&&"#"!==e.$options.template.charAt(0)||e.$options.el||n?Ar("You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.",e):Ar("Failed to mount component: template or render function not defined.",e))),Dt(e,"beforeMount");var o;return o="production"!==t.env.NODE_ENV&&Or.performance&&_o?function(){var t=e._name,n=e._uid,o="vue-perf-start:"+n,i="vue-perf-end:"+n;_o(o);var a=e._render();_o(i),go(t+" render",o,i),_o(o),e._update(a,r),_o(i),go(t+" patch",o,i)}:function(){e._update(e._render(),r)},e._watcher=new Lo(e,o,w),r=!1,null==e.$vnode&&(e._isMounted=!0,Dt(e,"mounted")),e}function kt(e,n,r,o,i){"production"!==t.env.NODE_ENV&&(Ao=!0);var a=!!(i||e.$options._renderChildren||o.data.scopedSlots||e.$scopedSlots!==Cr);if(e.$options._parentVnode=o,e.$vnode=o,e._vnode&&(e._vnode.parent=o),e.$options._renderChildren=i,e.$attrs=o.data&&o.data.attrs||Cr,e.$listeners=r||Cr,n&&e.$options.props){io.shouldConvert=!1;for(var s=e._props,c=e.$options._propKeys||[],u=0;u<c.length;u++){var l=c[u];s[l]=Y(l,e.$options.props,n,e)}io.shouldConvert=!0,e.$options.propsData=n}if(r){var f=e.$options._parentListeners;e.$options._parentListeners=r,Et(e,r,f)}a&&(e.$slots=Ot(i,o.context),e.$forceUpdate()),"production"!==t.env.NODE_ENV&&(Ao=!1)}function St(t){for(;t&&(t=t.$parent);)if(t._inactive)return!0;return!1}function Tt(t,e){if(e){if(t._directInactive=!1,St(t))return}else if(t._directInactive)return;if(t._inactive||null===t._inactive){t._inactive=!1;for(var n=0;n<t.$children.length;n++)Tt(t.$children[n]);Dt(t,"activated")}}function jt(t,e){if(!(e&&(t._directInactive=!0,St(t))||t._inactive)){t._inactive=!0;for(var n=0;n<t.$children.length;n++)jt(t.$children[n]);Dt(t,"deactivated")}}function Dt(t,e){var n=t.$options[e];if(n)for(var r=0,o=n.length;r<o;r++)try{n[r].call(t)}catch(n){k(n,t,e+" hook")}t._hasHookEvent&&t.$emit("hook:"+e)}function Mt(){Po=ko.length=So.length=0,To={},"production"!==t.env.NODE_ENV&&(jo={}),Do=Mo=!1}function Pt(){Mo=!0;var e,n;for(ko.sort(function(t,e){return t.id-e.id}),Po=0;Po<ko.length;Po++)if(e=ko[Po],n=e.id,To[n]=null,e.run(),"production"!==t.env.NODE_ENV&&null!=To[n]&&(jo[n]=(jo[n]||0)+1,jo[n]>$o)){Ar("You may have an infinite update loop "+(e.user?'in watcher with expression "'+e.expression+'"':"in a component render function."),e.vm);break}var r=So.slice(),o=ko.slice();Mt(),It(r),Vt(o),Yr&&Or.devtools&&Yr.emit("flush")}function Vt(t){for(var e=t.length;e--;){var n=t[e],r=n.vm;r._watcher===n&&r._isMounted&&Dt(r,"updated")}}function Lt(t){t._inactive=!1,So.push(t)}function It(t){for(var e=0;e<t.length;e++)t[e]._inactive=!0,Tt(t[e],!0)}function Rt(t){var e=t.id;if(null==To[e]){if(To[e]=!0,Mo){for(var n=ko.length-1;n>Po&&ko[n].id>t.id;)n--;ko.splice(n+1,0,t)}else ko.push(t);Do||(Do=!0,Zr(Pt))}}function Ft(t){Io.clear(),Ut(t,Io)}function Ut(t,e){var n,r,o=Array.isArray(t);if((o||c(t))&&Object.isExtensible(t)){if(t.__ob__){var i=t.__ob__.dep.id;if(e.has(i))return;e.add(i)}if(o)for(n=t.length;n--;)Ut(t[n],e);else for(r=Object.keys(t),n=r.length;n--;)Ut(t[r[n]],e)}}function Ht(t,e,n){Ro.get=function(){return this[e][n]},Ro.set=function(t){this[e][n]=t},Object.defineProperty(t,n,Ro)}function Bt(t){t._watchers=[];var e=t.$options;e.props&&zt(t,e.props),e.methods&&Xt(t,e.methods),e.data?qt(t):P(t._data={},!0),e.computed&&Kt(t,e.computed),e.watch&&e.watch!==Wr&&Zt(t,e.watch)}function Wt(t,e){u(t.$options[e])||Ar('component option "'+e+'" should be an object.',t)}function zt(e,n){var r=e.$options.propsData||{},o=e._props={},i=e.$options._propKeys=[],a=!e.$parent;io.shouldConvert=a;for(var s in n)!function(a){i.push(a);var s=Y(a,n,r,e);"production"!==t.env.NODE_ENV?((dr(a)||Or.isReservedAttr(a))&&Ar('"'+a+'" is a reserved attribute and cannot be used as component prop.',e),V(o,a,s,function(){e.$parent&&!Ao&&Ar("Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: \""+a+'"',e)})):V(o,a,s),a in e||Ht(e,"_props",a)}(s);io.shouldConvert=!0}function qt(e){var n=e.$options.data;n=e._data="function"==typeof n?Gt(n,e):n||{},u(n)||(n={},"production"!==t.env.NODE_ENV&&Ar("data functions should return an object:\nhttps://vuejs.org/v2/guide/components.html#data-Must-Be-a-Function",e));for(var r=Object.keys(n),o=e.$options.props,i=e.$options.methods,a=r.length;a--;){var s=r[a];"production"!==t.env.NODE_ENV&&i&&m(i,s)&&Ar('Method "'+s+'" has already been defined as a data property.',e),o&&m(o,s)?"production"!==t.env.NODE_ENV&&Ar('The data property "'+s+'" is already declared as a prop. Use prop default value instead.',e):N(s)||Ht(e,"_data",s)}P(n,!0)}function Gt(t,e){try{return t.call(e)}catch(t){return k(t,e,"data()"),{}}}function Kt(e,n){"production"!==t.env.NODE_ENV&&Wt(e,"computed");var r=e._computedWatchers=Object.create(null),o=Jr();for(var i in n){var a=n[i],s="function"==typeof a?a:a.get;"production"!==t.env.NODE_ENV&&null==s&&Ar('Getter is missing for computed property "'+i+'".',e),o||(r[i]=new Lo(e,s||w,w,Fo)),i in e?"production"!==t.env.NODE_ENV&&(i in e.$data?Ar('The computed property "'+i+'" is already defined in data.',e):e.$options.props&&i in e.$options.props&&Ar('The computed property "'+i+'" is already defined as a prop.',e)):Jt(e,i,a)}}function Jt(e,n,r){var o=!Jr();"function"==typeof r?(Ro.get=o?Yt(n):r,Ro.set=w):(Ro.get=r.get?o&&!1!==r.cache?Yt(n):r.get:w,Ro.set=r.set?r.set:w),"production"!==t.env.NODE_ENV&&Ro.set===w&&(Ro.set=function(){Ar('Computed property "'+n+'" was assigned to but it has no setter.',this)}),Object.defineProperty(e,n,Ro)}function Yt(t){return function(){var e=this._computedWatchers&&this._computedWatchers[t];if(e)return e.dirty&&e.evaluate(),to.target&&e.depend(),e.value}}function Xt(e,n){"production"!==t.env.NODE_ENV&&Wt(e,"methods");var r=e.$options.props;for(var o in n)"production"!==t.env.NODE_ENV&&(null==n[o]&&Ar('Method "'+o+'" has an undefined value in the component definition. Did you reference the function correctly?',e),r&&m(r,o)&&Ar('Method "'+o+'" has already been defined as a prop.',e),o in e&&N(o)&&Ar('Method "'+o+'" conflicts with an existing Vue instance method. Avoid defining component methods that start with _ or $.')),e[o]=null==n[o]?w:_(n[o],e)}function Zt(e,n){"production"!==t.env.NODE_ENV&&Wt(e,"watch");for(var r in n){var o=n[r];if(Array.isArray(o))for(var i=0;i<o.length;i++)Qt(e,r,o[i]);else Qt(e,r,o)}}function Qt(t,e,n,r){return u(n)&&(r=n,n=n.handler),"string"==typeof n&&(n=t[n]),t.$watch(e,n,r)}function te(t){var e=t.$options.provide;e&&(t._provided="function"==typeof e?e.call(t):e)}function ee(e){var n=ne(e.$options.inject,e);n&&(io.shouldConvert=!1,Object.keys(n).forEach(function(r){"production"!==t.env.NODE_ENV?V(e,r,n[r],function(){Ar('Avoid mutating an injected value directly since the changes will be overwritten whenever the provided component re-renders. injection being mutated: "'+r+'"',e)}):V(e,r,n[r])}),io.shouldConvert=!0)}function ne(e,n){if(e){for(var r=Object.create(null),o=Xr?Reflect.ownKeys(e).filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}):Object.keys(e),i=0;i<o.length;i++){for(var a=o[i],s=e[a],c=n;c;){if(c._provided&&s in c._provided){r[a]=c._provided[s];break}c=c.$parent}"production"===t.env.NODE_ENV||c||Ar('Injection "'+a+'" not found',n)}return r}}function re(t,e,n,r,i){var a={},s=t.options.props;if(o(s))for(var c in s)a[c]=Y(c,s,e||Cr);else o(n.attrs)&&oe(a,n.attrs),o(n.props)&&oe(a,n.props);var u=Object.create(r),l=function(t,e,n,r){return le(u,t,e,n,r,!0)},f=t.options.render.call(null,l,{data:n,props:a,children:i,parent:r,listeners:n.on||Cr,injections:ne(t.options.inject,r),slots:function(){return Ot(i,r)}});return f instanceof xo&&(f.functionalContext=r,f.functionalOptions=t.options,n.slot&&((f.data||(f.data={})).slot=n.slot)),f}function oe(t,e){for(var n in e)t[hr(n)]=e[n]}function ie(e,n,a,s,u){if(!r(e)){var l=a.$options._base;if(c(e)&&(e=l.extend(e)),"function"!=typeof e)return void("production"!==t.env.NODE_ENV&&Ar("Invalid Component definition: "+String(e),a));var f;if(r(e.cid)&&(f=e,void 0===(e=yt(f,l,a))))return mt(f,n,a,s,u);n=n||{},Ce(e),o(n.model)&&ue(e.options,n);var d=ut(n,e,u);if(i(e.options.functional))return re(e,d,n,a,s);var p=n.on;if(n.on=n.nativeOn,i(e.options.abstract)){var v=n.slot;n={},v&&(n.slot=v)}se(n);var h=e.options.name||u;return new xo("vue-component-"+e.cid+(h?"-"+h:""),n,void 0,void 0,void 0,a,{Ctor:e,propsData:d,listeners:p,tag:u,children:s},f)}}function ae(t,e,n,r){var i=t.componentOptions,a={_isComponent:!0,parent:e,propsData:i.propsData,_componentTag:i.tag,_parentVnode:t,_parentListeners:i.listeners,_renderChildren:i.children,_parentElm:n||null,_refElm:r||null},s=t.data.inlineTemplate;return o(s)&&(a.render=s.render,a.staticRenderFns=s.staticRenderFns),new i.Ctor(a)}function se(t){t.hook||(t.hook={});for(var e=0;e<Ho.length;e++){var n=Ho[e],r=t.hook[n],o=Uo[n];t.hook[n]=r?ce(o,r):o}}function ce(t,e){return function(n,r,o,i){t(n,r,o,i),e(n,r,o,i)}}function ue(t,e){var n=t.model&&t.model.prop||"value",r=t.model&&t.model.event||"input";(e.props||(e.props={}))[n]=e.model.value;var i=e.on||(e.on={});o(i[r])?i[r]=[e.model.callback].concat(i[r]):i[r]=e.model.callback}function le(t,e,n,r,o,a){return(Array.isArray(n)||s(n))&&(o=r,r=n,n=void 0),i(a)&&(o=Wo),fe(t,e,n,r,o)}function fe(e,n,r,i,a){if(o(r)&&o(r.__ob__))return"production"!==t.env.NODE_ENV&&Ar("Avoid using observed data object as vnode data: "+JSON.stringify(r)+"\nAlways create fresh vnode data objects in each render!",e),Oo();if(o(r)&&o(r.is)&&(n=r.is),!n)return Oo();"production"!==t.env.NODE_ENV&&o(r)&&o(r.key)&&!s(r.key)&&Ar("Avoid using non-primitive value as key, use string/number value instead.",e),Array.isArray(i)&&"function"==typeof i[0]&&(r=r||{},r.scopedSlots={default:i[0]},i.length=0),a===Wo?i=dt(i):a===Bo&&(i=ft(i));var c,u;if("string"==typeof n){var l;u=e.$vnode&&e.$vnode.ns||Or.getTagNamespace(n),c=Or.isReservedTag(n)?new xo(Or.parsePlatformTagName(n),r,i,void 0,void 0,e):o(l=J(e.$options,"components",n))?ie(l,r,e,i,n):new xo(n,r,i,void 0,void 0,e)}else c=ie(n,r,e,i);return o(c)?(u&&de(c,u),c):Oo()}function de(t,e){if(t.ns=e,"foreignObject"!==t.tag&&o(t.children))for(var n=0,i=t.children.length;n<i;n++){var a=t.children[n];o(a.tag)&&r(a.ns)&&de(a,e)}}function pe(t,e){var n,r,i,a,s;if(Array.isArray(t)||"string"==typeof t)for(n=new Array(t.length),r=0,i=t.length;r<i;r++)n[r]=e(t[r],r);else if("number"==typeof t)for(n=new Array(t),r=0;r<t;r++)n[r]=e(r+1,r);else if(c(t))for(a=Object.keys(t),n=new Array(a.length),r=0,i=a.length;r<i;r++)s=a[r],n[r]=e(t[s],s,r);return o(n)&&(n._isVList=!0),n}function ve(e,n,r,o){var i=this.$scopedSlots[e];if(i)return r=r||{},o&&(r=b(b({},o),r)),i(r)||n;var a=this.$slots[e];return a&&"production"!==t.env.NODE_ENV&&(a._rendered&&Ar('Duplicate presence of slot "'+e+'" found in the same render tree - this will likely cause render errors.',this),a._rendered=!0),a||n}function he(t){return J(this.$options,"filters",t,!0)||br}function me(t,e,n){var r=Or.keyCodes[e]||n;return Array.isArray(r)?-1===r.indexOf(t):r!==t}function ye(e,n,r,o,i){if(r)if(c(r)){Array.isArray(r)&&(r=x(r));var a;for(var s in r)!function(t){if("class"===t||"style"===t||dr(t))a=e;else{var s=e.attrs&&e.attrs.type;a=o||Or.mustUseProp(n,s,t)?e.domProps||(e.domProps={}):e.attrs||(e.attrs={})}if(!(t in a)&&(a[t]=r[t],i)){(e.on||(e.on={}))["update:"+t]=function(e){r[t]=e}}}(s)}else"production"!==t.env.NODE_ENV&&Ar("v-bind without argument expects an Object or Array value",this);return e}function _e(t,e){var n=this._staticTrees[t];return n&&!e?Array.isArray(n)?ot(n):rt(n):(n=this._staticTrees[t]=this.$options.staticRenderFns[t].call(this._renderProxy),be(n,"__static__"+t,!1),n)}function ge(t,e,n){return be(t,"__once__"+e+(n?"_"+n:""),!0),t}function be(t,e,n){if(Array.isArray(t))for(var r=0;r<t.length;r++)t[r]&&"string"!=typeof t[r]&&xe(t[r],e+"_"+r,n);else xe(t,e,n)}function xe(t,e,n){t.isStatic=!0,t.key=e,t.isOnce=n}function we(e,n){if(n)if(u(n)){var r=e.on=e.on?b({},e.on):{};for(var o in n){var i=r[o],a=n[o];r[o]=i?[].concat(a,i):a}}else"production"!==t.env.NODE_ENV&&Ar("v-on without argument expects an Object value",this);return e}function Ee(e){e._vnode=null,e._staticTrees=null;var n=e.$vnode=e.$options._parentVnode,r=n&&n.context;e.$slots=Ot(e.$options._renderChildren,r),e.$scopedSlots=Cr,e._c=function(t,n,r,o){return le(e,t,n,r,o,!1)},e.$createElement=function(t,n,r,o){return le(e,t,n,r,o,!0)};var o=n&&n.data;"production"!==t.env.NODE_ENV?(V(e,"$attrs",o&&o.attrs||Cr,function(){!Ao&&Ar("$attrs is readonly.",e)},!0),V(e,"$listeners",e.$options._parentListeners||Cr,function(){!Ao&&Ar("$listeners is readonly.",e)},!0)):(V(e,"$attrs",o&&o.attrs||Cr,null,!0),V(e,"$listeners",e.$options._parentListeners||Cr,null,!0))}function Oe(t,e){var n=t.$options=Object.create(t.constructor.options);n.parent=e.parent,n.propsData=e.propsData,n._parentVnode=e._parentVnode,n._parentListeners=e._parentListeners,n._renderChildren=e._renderChildren,n._componentTag=e._componentTag,n._parentElm=e._parentElm,n._refElm=e._refElm,e.render&&(n.render=e.render,n.staticRenderFns=e.staticRenderFns)}function Ce(t){var e=t.options;if(t.super){var n=Ce(t.super);if(n!==t.superOptions){t.superOptions=n;var r=Ne(t);r&&b(t.extendOptions,r),e=t.options=K(n,t.extendOptions),e.name&&(e.components[e.name]=t)}}return e}function Ne(t){var e,n=t.options,r=t.extendOptions,o=t.sealedOptions;for(var i in n)n[i]!==o[i]&&(e||(e={}),e[i]=Ae(n[i],r[i],o[i]));return e}function Ae(t,e,n){if(Array.isArray(t)){var r=[];n=Array.isArray(n)?n:[n],e=Array.isArray(e)?e:[e];for(var o=0;o<t.length;o++)(e.indexOf(t[o])>=0||n.indexOf(t[o])<0)&&r.push(t[o]);return r}return t}function $e(e){"production"===t.env.NODE_ENV||this instanceof $e||Ar("Vue is a constructor and should be called with the `new` keyword"),this._init(e)}function ke(t){t.use=function(t){var e=this._installedPlugins||(this._installedPlugins=[]);if(e.indexOf(t)>-1)return this;var n=g(arguments,1);return n.unshift(this),"function"==typeof t.install?t.install.apply(t,n):"function"==typeof t&&t.apply(null,n),e.push(t),this}}function Se(t){t.mixin=function(t){return this.options=K(this.options,t),this}}function Te(e){e.cid=0;var n=1;e.extend=function(e){e=e||{};var r=this,o=r.cid,i=e._Ctor||(e._Ctor={});if(i[o])return i[o];var a=e.name||r.options.name;"production"!==t.env.NODE_ENV&&(/^[a-zA-Z][\w-]*$/.test(a)||Ar('Invalid component name: "'+a+'". Component names can only contain alphanumeric characters and the hyphen, and must start with a letter.'));var s=function(t){this._init(t)};return s.prototype=Object.create(r.prototype),s.prototype.constructor=s,s.cid=n++,s.options=K(r.options,e),s.super=r,s.options.props&&je(s),s.options.computed&&De(s),s.extend=r.extend,s.mixin=r.mixin,s.use=r.use,wr.forEach(function(t){s[t]=r[t]}),a&&(s.options.components[a]=s),s.superOptions=r.options,s.extendOptions=e,s.sealedOptions=b({},s.options),i[o]=s,s}}function je(t){var e=t.options.props;for(var n in e)Ht(t.prototype,"_props",n)}function De(t){var e=t.options.computed;for(var n in e)Jt(t.prototype,n,e[n])}function Me(e){wr.forEach(function(n){e[n]=function(e,r){return r?("production"!==t.env.NODE_ENV&&"component"===n&&Or.isReservedTag(e)&&Ar("Do not use built-in or reserved HTML elements as component id: "+e),"component"===n&&u(r)&&(r.name=r.name||e,r=this.options._base.extend(r)),"directive"===n&&"function"==typeof r&&(r={bind:r,update:r}),this.options[n+"s"][e]=r,r):this.options[n+"s"][e]}})}function Pe(t){return t&&(t.Ctor.options.name||t.tag)}function Ve(t,e){return Array.isArray(t)?t.indexOf(e)>-1:"string"==typeof t?t.split(",").indexOf(e)>-1:!!l(t)&&t.test(e)}function Le(t,e,n){for(var r in t){var o=t[r];if(o){var i=Pe(o.componentOptions);i&&!n(i)&&(o!==e&&Ie(o),t[r]=null)}}}function Ie(t){t&&t.componentInstance.$destroy()}function Re(t){for(var e=t.data,n=t,r=t;o(r.componentInstance);)r=r.componentInstance._vnode,r.data&&(e=Fe(r.data,e));for(;o(n=n.parent);)n.data&&(e=Fe(e,n.data));return Ue(e.staticClass,e.class)}function Fe(t,e){return{staticClass:He(t.staticClass,e.staticClass),class:o(t.class)?[t.class,e.class]:e.class}}function Ue(t,e){return o(t)||o(e)?He(t,Be(e)):""}function He(t,e){return t?e?t+" "+e:t:e||""}function Be(t){return Array.isArray(t)?We(t):c(t)?ze(t):"string"==typeof t?t:""}function We(t){for(var e,n="",r=0,i=t.length;r<i;r++)o(e=Be(t[r]))&&""!==e&&(n&&(n+=" "),n+=e);return n}function ze(t){var e="";for(var n in t)t[n]&&(e&&(e+=" "),e+=n);return e}function qe(t){return ci(t)?"svg":"math"===t?"math":void 0}function Ge(t){if(!Vr)return!0;if(ui(t))return!1;if(t=t.toLowerCase(),null!=li[t])return li[t];var e=document.createElement(t);return t.indexOf("-")>-1?li[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:li[t]=/HTMLUnknownElement/.test(e.toString())}function Ke(e){if("string"==typeof e){var n=document.querySelector(e);return n||("production"!==t.env.NODE_ENV&&Ar("Cannot find element: "+e),document.createElement("div"))}return e}function Je(t,e){var n=document.createElement(t);return"select"!==t?n:(e.data&&e.data.attrs&&void 0!==e.data.attrs.multiple&&n.setAttribute("multiple","multiple"),n)}function Ye(t,e){return document.createElementNS(ai[t],e)}function Xe(t){return document.createTextNode(t)}function Ze(t){return document.createComment(t)}function Qe(t,e,n){t.insertBefore(e,n)}function tn(t,e){t.removeChild(e)}function en(t,e){t.appendChild(e)}function nn(t){return t.parentNode}function rn(t){return t.nextSibling}function on(t){return t.tagName}function an(t,e){t.textContent=e}function sn(t,e,n){t.setAttribute(e,n)}function cn(t,e){var n=t.data.ref;if(n){var r=t.context,o=t.componentInstance||t.elm,i=r.$refs;e?Array.isArray(i[n])?h(i[n],o):i[n]===o&&(i[n]=void 0):t.data.refInFor?Array.isArray(i[n])?i[n].indexOf(o)<0&&i[n].push(o):i[n]=[o]:i[n]=o}}function un(t,e){return t.key===e.key&&(t.tag===e.tag&&t.isComment===e.isComment&&o(t.data)===o(e.data)&&ln(t,e)||i(t.isAsyncPlaceholder)&&t.asyncFactory===e.asyncFactory&&r(e.asyncFactory.error))}function ln(t,e){if("input"!==t.tag)return!0;var n,r=o(n=t.data)&&o(n=n.attrs)&&n.type,i=o(n=e.data)&&o(n=n.attrs)&&n.type;return r===i||fi(r)&&fi(i)}function fn(t,e,n){var r,i,a={};for(r=e;r<=n;++r)i=t[r].key,o(i)&&(a[i]=r);return a}function dn(t,e){(t.data.directives||e.data.directives)&&pn(t,e)}function pn(t,e){var n,r,o,i=t===vi,a=e===vi,s=vn(t.data.directives,t.context),c=vn(e.data.directives,e.context),u=[],l=[];for(n in c)r=s[n],o=c[n],r?(o.oldValue=r.value,mn(o,"update",e,t),o.def&&o.def.componentUpdated&&l.push(o)):(mn(o,"bind",e,t),o.def&&o.def.inserted&&u.push(o));if(u.length){var f=function(){for(var n=0;n<u.length;n++)mn(u[n],"inserted",e,t)};i?ct(e.data.hook||(e.data.hook={}),"insert",f):f()}if(l.length&&ct(e.data.hook||(e.data.hook={}),"postpatch",function(){for(var n=0;n<l.length;n++)mn(l[n],"componentUpdated",e,t)}),!i)for(n in s)c[n]||mn(s[n],"unbind",t,t,a)}function vn(t,e){var n=Object.create(null);if(!t)return n;var r,o;for(r=0;r<t.length;r++)o=t[r],o.modifiers||(o.modifiers=yi),n[hn(o)]=o,o.def=J(e.$options,"directives",o.name,!0);return n}function hn(t){return t.rawName||t.name+"."+Object.keys(t.modifiers||{}).join(".")}function mn(t,e,n,r,o){var i=t.def&&t.def[e];if(i)try{i(n.elm,t,n,r,o)}catch(r){k(r,n.context,"directive "+t.name+" "+e+" hook")}}function yn(t,e){var n=e.componentOptions;if(!(o(n)&&!1===n.Ctor.options.inheritAttrs||r(t.data.attrs)&&r(e.data.attrs))){var i,a,s=e.elm,c=t.data.attrs||{},u=e.data.attrs||{};o(u.__ob__)&&(u=e.data.attrs=b({},u));for(i in u)a=u[i],c[i]!==a&&_n(s,i,a);Rr&&u.value!==c.value&&_n(s,"value",u.value);for(i in c)r(u[i])&&(ri(i)?s.removeAttributeNS(ni,oi(i)):ti(i)||s.removeAttribute(i))}}function _n(t,e,n){ei(e)?ii(n)?t.removeAttribute(e):(n="allowfullscreen"===e&&"EMBED"===t.tagName?"true":e,t.setAttribute(e,n)):ti(e)?t.setAttribute(e,ii(n)||"false"===n?"false":"true"):ri(e)?ii(n)?t.removeAttributeNS(ni,oi(e)):t.setAttributeNS(ni,e,n):ii(n)?t.removeAttribute(e):t.setAttribute(e,n)}function gn(t,e){var n=e.elm,i=e.data,a=t.data;if(!(r(i.staticClass)&&r(i.class)&&(r(a)||r(a.staticClass)&&r(a.class)))){var s=Re(e),c=n._transitionClasses;o(c)&&(s=He(s,Be(c))),s!==n._prevClass&&(n.setAttribute("class",s),n._prevClass=s)}}function bn(t){var e;o(t[xi])&&(e=Ir?"change":"input",t[e]=[].concat(t[xi],t[e]||[]),delete t[xi]),o(t[wi])&&(e=Br?"click":"change",t[e]=[].concat(t[wi],t[e]||[]),delete t[wi])}function xn(t,e,n,r,o){if(n){var i=e,a=Jo;e=function(n){null!==(1===arguments.length?i(n):i.apply(null,arguments))&&wn(t,e,r,a)}}Jo.addEventListener(t,e,zr?{capture:r,passive:o}:r)}function wn(t,e,n,r){(r||Jo).removeEventListener(t,e,n)}function En(t,e){if(!r(t.data.on)||!r(e.data.on)){var n=e.data.on||{},o=t.data.on||{};Jo=e.elm,bn(n),st(n,o,xn,wn,e.context)}}function On(t,e){if(!r(t.data.domProps)||!r(e.data.domProps)){var n,i,a=e.elm,s=t.data.domProps||{},c=e.data.domProps||{};o(c.__ob__)&&(c=e.data.domProps=b({},c));for(n in s)r(c[n])&&(a[n]="");for(n in c)if(i=c[n],"textContent"!==n&&"innerHTML"!==n||(e.children&&(e.children.length=0),i!==s[n]))if("value"===n){a._value=i;var u=r(i)?"":String(i);Cn(a,e,u)&&(a.value=u)}else a[n]=i}}function Cn(t,e,n){return!t.composing&&("option"===e.tag||Nn(t,n)||An(t,n))}function Nn(t,e){var n=!0;try{n=document.activeElement!==t}catch(t){}return n&&t.value!==e}function An(t,e){var n=t.value,r=t._vModifiers;return o(r)&&r.number?p(n)!==p(e):o(r)&&r.trim?n.trim()!==e.trim():n!==e}function $n(t){var e=kn(t.style);return t.staticStyle?b(t.staticStyle,e):e}function kn(t){return Array.isArray(t)?x(t):"string"==typeof t?Ci(t):t}function Sn(t,e){var n,r={};if(e)for(var o=t;o.componentInstance;)o=o.componentInstance._vnode,o.data&&(n=$n(o.data))&&b(r,n);(n=$n(t.data))&&b(r,n);for(var i=t;i=i.parent;)i.data&&(n=$n(i.data))&&b(r,n);return r}function Tn(t,e){var n=e.data,i=t.data;if(!(r(n.staticStyle)&&r(n.style)&&r(i.staticStyle)&&r(i.style))){var a,s,c=e.elm,u=i.staticStyle,l=i.normalizedStyle||i.style||{},f=u||l,d=kn(e.data.style)||{};e.data.normalizedStyle=o(d.__ob__)?b({},d):d;var p=Sn(e,!0);for(s in f)r(p[s])&&$i(c,s,"");for(s in p)(a=p[s])!==f[s]&&$i(c,s,null==a?"":a)}}function jn(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(/\s+/).forEach(function(e){return t.classList.add(e)}):t.classList.add(e);else{var n=" "+(t.getAttribute("class")||"")+" ";n.indexOf(" "+e+" ")<0&&t.setAttribute("class",(n+e).trim())}}function Dn(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(/\s+/).forEach(function(e){return t.classList.remove(e)}):t.classList.remove(e),t.classList.length||t.removeAttribute("class");else{for(var n=" "+(t.getAttribute("class")||"")+" ",r=" "+e+" ";n.indexOf(r)>=0;)n=n.replace(r," ");n=n.trim(),n?t.setAttribute("class",n):t.removeAttribute("class")}}function Mn(t){if(t){if("object"==typeof t){var e={};return!1!==t.css&&b(e,ji(t.name||"v")),b(e,t),e}return"string"==typeof t?ji(t):void 0}}function Pn(t){Fi(function(){Fi(t)})}function Vn(t,e){var n=t._transitionClasses||(t._transitionClasses=[]);n.indexOf(e)<0&&(n.push(e),jn(t,e))}function Ln(t,e){t._transitionClasses&&h(t._transitionClasses,e),Dn(t,e)}function In(t,e,n){var r=Rn(t,e),o=r.type,i=r.timeout,a=r.propCount;if(!o)return n();var s=o===Mi?Li:Ri,c=0,u=function(){t.removeEventListener(s,l),n()},l=function(e){e.target===t&&++c>=a&&u()};setTimeout(function(){c<a&&u()},i+1),t.addEventListener(s,l)}function Rn(t,e){var n,r=window.getComputedStyle(t),o=r[Vi+"Delay"].split(", "),i=r[Vi+"Duration"].split(", "),a=Fn(o,i),s=r[Ii+"Delay"].split(", "),c=r[Ii+"Duration"].split(", "),u=Fn(s,c),l=0,f=0;return e===Mi?a>0&&(n=Mi,l=a,f=i.length):e===Pi?u>0&&(n=Pi,l=u,f=c.length):(l=Math.max(a,u),n=l>0?a>u?Mi:Pi:null,f=n?n===Mi?i.length:c.length:0),{type:n,timeout:l,propCount:f,hasTransform:n===Mi&&Ui.test(r[Vi+"Property"])}}function Fn(t,e){for(;t.length<e.length;)t=t.concat(t);return Math.max.apply(null,e.map(function(e,n){return Un(e)+Un(t[n])}))}function Un(t){return 1e3*Number(t.slice(0,-1))}function Hn(e,n){var i=e.elm;o(i._leaveCb)&&(i._leaveCb.cancelled=!0,i._leaveCb());var a=Mn(e.data.transition);if(!r(a)&&!o(i._enterCb)&&1===i.nodeType){for(var s=a.css,u=a.type,l=a.enterClass,f=a.enterToClass,d=a.enterActiveClass,v=a.appearClass,h=a.appearToClass,m=a.appearActiveClass,y=a.beforeEnter,_=a.enter,g=a.afterEnter,b=a.enterCancelled,x=a.beforeAppear,w=a.appear,E=a.afterAppear,O=a.appearCancelled,N=a.duration,A=No,$=No.$vnode;$&&$.parent;)$=$.parent,A=$.context;var k=!A._isMounted||!e.isRootInsert;if(!k||w||""===w){var S=k&&v?v:l,T=k&&m?m:d,j=k&&h?h:f,D=k?x||y:y,M=k&&"function"==typeof w?w:_,P=k?E||g:g,V=k?O||b:b,L=p(c(N)?N.enter:N);"production"!==t.env.NODE_ENV&&null!=L&&Wn(L,"enter",e);var I=!1!==s&&!Rr,R=qn(M),F=i._enterCb=C(function(){I&&(Ln(i,j),Ln(i,T)),F.cancelled?(I&&Ln(i,S),V&&V(i)):P&&P(i),i._enterCb=null});e.data.show||ct(e.data.hook||(e.data.hook={}),"insert",function(){var t=i.parentNode,n=t&&t._pending&&t._pending[e.key];n&&n.tag===e.tag&&n.elm._leaveCb&&n.elm._leaveCb(),M&&M(i,F)}),D&&D(i),I&&(Vn(i,S),Vn(i,T),Pn(function(){Vn(i,j),Ln(i,S),F.cancelled||R||(zn(L)?setTimeout(F,L):In(i,u,F))})),e.data.show&&(n&&n(),M&&M(i,F)),I||R||F()}}}function Bn(e,n){function i(){O.cancelled||(e.data.show||((a.parentNode._pending||(a.parentNode._pending={}))[e.key]=e),h&&h(a),x&&(Vn(a,f),Vn(a,v),Pn(function(){Vn(a,d),Ln(a,f),O.cancelled||w||(zn(E)?setTimeout(O,E):In(a,l,O))})),m&&m(a,O),x||w||O())}var a=e.elm;o(a._enterCb)&&(a._enterCb.cancelled=!0,a._enterCb());var s=Mn(e.data.transition);if(r(s))return n();if(!o(a._leaveCb)&&1===a.nodeType){var u=s.css,l=s.type,f=s.leaveClass,d=s.leaveToClass,v=s.leaveActiveClass,h=s.beforeLeave,m=s.leave,y=s.afterLeave,_=s.leaveCancelled,g=s.delayLeave,b=s.duration,x=!1!==u&&!Rr,w=qn(m),E=p(c(b)?b.leave:b);"production"!==t.env.NODE_ENV&&o(E)&&Wn(E,"leave",e);var O=a._leaveCb=C(function(){a.parentNode&&a.parentNode._pending&&(a.parentNode._pending[e.key]=null),x&&(Ln(a,d),Ln(a,v)),O.cancelled?(x&&Ln(a,f),_&&_(a)):(n(),y&&y(a)),a._leaveCb=null});g?g(i):i()}}function Wn(t,e,n){"number"!=typeof t?Ar("<transition> explicit "+e+" duration is not a valid number - got "+JSON.stringify(t)+".",n.context):isNaN(t)&&Ar("<transition> explicit "+e+" duration is NaN - the duration expression might be incorrect.",n.context)}function zn(t){return"number"==typeof t&&!isNaN(t)}function qn(t){if(r(t))return!1;var e=t.fns;return o(e)?qn(Array.isArray(e)?e[0]:e):(t._length||t.length)>1}function Gn(t,e){!0!==e.data.show&&Hn(e)}function Kn(t,e,n){Jn(t,e,n),(Ir||Fr)&&setTimeout(function(){Jn(t,e,n)},0)}function Jn(e,n,r){var o=n.value,i=e.multiple;if(i&&!Array.isArray(o))return void("production"!==t.env.NODE_ENV&&Ar('<select multiple v-model="'+n.expression+'"> expects an Array value for its binding, but got '+Object.prototype.toString.call(o).slice(8,-1),r));for(var a,s,c=0,u=e.options.length;c<u;c++)if(s=e.options[c],i)a=O(o,Xn(s))>-1,s.selected!==a&&(s.selected=a);else if(E(Xn(s),o))return void(e.selectedIndex!==c&&(e.selectedIndex=c));i||(e.selectedIndex=-1)}function Yn(t,e){return e.every(function(e){return!E(e,t)})}function Xn(t){return"_value"in t?t._value:t.value}function Zn(t){t.target.composing=!0}function Qn(t){t.target.composing&&(t.target.composing=!1,tr(t.target,"input"))}function tr(t,e){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0),t.dispatchEvent(n)}function er(t){return!t.componentInstance||t.data&&t.data.transition?t:er(t.componentInstance._vnode)}function nr(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?nr(gt(e.children)):t}function rr(t){var e={},n=t.$options;for(var r in n.propsData)e[r]=t[r];var o=n._parentListeners;for(var i in o)e[hr(i)]=o[i];return e}function or(t,e){if(/\d-keep-alive$/.test(e.tag))return t("keep-alive",{props:e.componentOptions.propsData})}function ir(t){for(;t=t.parent;)if(t.data.transition)return!0}function ar(t,e){return e.key===t.key&&e.tag===t.tag}function sr(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function cr(t){t.data.newPos=t.elm.getBoundingClientRect()}function ur(t){var e=t.data.pos,n=t.data.newPos,r=e.left-n.left,o=e.top-n.top;if(r||o){t.data.moved=!0;var i=t.elm.style;i.transform=i.WebkitTransform="translate("+r+"px,"+o+"px)",i.transitionDuration="0s"}}var lr=Object.prototype.toString,fr=v("slot,component",!0),dr=v("key,ref,slot,is"),pr=Object.prototype.hasOwnProperty,vr=/-(\w)/g,hr=y(function(t){return t.replace(vr,function(t,e){return e?e.toUpperCase():""})}),mr=y(function(t){return t.charAt(0).toUpperCase()+t.slice(1)}),yr=/\B([A-Z])/g,_r=y(function(t){return t.replace(yr,"-$1").toLowerCase()}),gr=function(t,e,n){return!1},br=function(t){return t},xr="data-server-rendered",wr=["component","directive","filter"],Er=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated"],Or={optionMergeStrategies:Object.create(null),silent:!1,productionTip:"production"!==t.env.NODE_ENV,devtools:"production"!==t.env.NODE_ENV,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:gr,isReservedAttr:gr,isUnknownElement:gr,getTagNamespace:w,parsePlatformTagName:br,mustUseProp:gr,_lifecycleHooks:Er},Cr=Object.freeze({}),Nr=/[^\w.$]/,Ar=w,$r=w,kr=null;if("production"!==t.env.NODE_ENV){var Sr="undefined"!=typeof console,Tr=/(?:^|[-_])(\w)/g,jr=function(t){return t.replace(Tr,function(t){return t.toUpperCase()}).replace(/[-_]/g,"")};Ar=function(t,e){var n=e?Mr(e):"";Or.warnHandler?Or.warnHandler.call(null,t,e,n):Sr&&!Or.silent&&console.error("[Vue warn]: "+t+n)},$r=function(t,e){Sr&&!Or.silent&&console.warn("[Vue tip]: "+t+(e?Mr(e):""))},kr=function(t,e){if(t.$root===t)return"<Root>";var n="string"==typeof t?t:"function"==typeof t&&t.options?t.options.name:t._isVue?t.$options.name||t.$options._componentTag:t.name,r=t._isVue&&t.$options.__file;if(!n&&r){var o=r.match(/([^\/\\]+)\.vue$/);n=o&&o[1]}return(n?"<"+jr(n)+">":"<Anonymous>")+(r&&!1!==e?" at "+r:"")};var Dr=function(t,e){for(var n="";e;)e%2==1&&(n+=t),e>1&&(t+=t),e>>=1;return n},Mr=function(t){if(t._isVue&&t.$parent){for(var e=[],n=0;t;){if(e.length>0){var r=e[e.length-1];if(r.constructor===t.constructor){n++,t=t.$parent;continue}n>0&&(e[e.length-1]=[r,n],n=0)}e.push(t),t=t.$parent}return"\n\nfound in\n\n"+e.map(function(t,e){return""+(0===e?"---\x3e ":Dr(" ",5+2*e))+(Array.isArray(t)?kr(t[0])+"... ("+t[1]+" recursive calls)":kr(t))}).join("\n")}return"\n\n(found in "+kr(t)+")"}}var Pr="__proto__"in{},Vr="undefined"!=typeof window,Lr=Vr&&window.navigator.userAgent.toLowerCase(),Ir=Lr&&/msie|trident/.test(Lr),Rr=Lr&&Lr.indexOf("msie 9.0")>0,Fr=Lr&&Lr.indexOf("edge/")>0,Ur=Lr&&Lr.indexOf("android")>0,Hr=Lr&&/iphone|ipad|ipod|ios/.test(Lr),Br=Lr&&/chrome\/\d+/.test(Lr)&&!Fr,Wr={}.watch,zr=!1;if(Vr)try{var qr={};Object.defineProperty(qr,"passive",{get:function(){zr=!0}}),window.addEventListener("test-passive",null,qr)}catch(t){}var Gr,Kr,Jr=function(){return void 0===Gr&&(Gr=!Vr&&void 0!==n&&"server"===n.process.env.VUE_ENV),Gr},Yr=Vr&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,Xr="undefined"!=typeof Symbol&&S(Symbol)&&"undefined"!=typeof Reflect&&S(Reflect.ownKeys),Zr=function(){function t(){r=!1;var t=n.slice(0);n.length=0;for(var e=0;e<t.length;e++)t[e]()}var e,n=[],r=!1;if("undefined"!=typeof Promise&&S(Promise)){var o=Promise.resolve(),i=function(t){console.error(t)};e=function(){o.then(t).catch(i),Hr&&setTimeout(w)}}else if(Ir||"undefined"==typeof MutationObserver||!S(MutationObserver)&&"[object MutationObserverConstructor]"!==MutationObserver.toString())e=function(){setTimeout(t,0)};else{var a=1,s=new MutationObserver(t),c=document.createTextNode(String(a));s.observe(c,{characterData:!0}),e=function(){a=(a+1)%2,c.data=String(a)}}return function(t,o){var i;if(n.push(function(){if(t)try{t.call(o)}catch(t){k(t,o,"nextTick")}else i&&i(o)}),r||(r=!0,e()),!t&&"undefined"!=typeof Promise)return new Promise(function(t,e){i=t})}}();Kr="undefined"!=typeof Set&&S(Set)?Set:function(){function t(){this.set=Object.create(null)}return t.prototype.has=function(t){return!0===this.set[t]},t.prototype.add=function(t){this.set[t]=!0},t.prototype.clear=function(){this.set=Object.create(null)},t}();var Qr=0,to=function(){this.id=Qr++,this.subs=[]};to.prototype.addSub=function(t){this.subs.push(t)},to.prototype.removeSub=function(t){h(this.subs,t)},to.prototype.depend=function(){to.target&&to.target.addDep(this)},to.prototype.notify=function(){for(var t=this.subs.slice(),e=0,n=t.length;e<n;e++)t[e].update()},to.target=null;var eo=[],no=Array.prototype,ro=Object.create(no);["push","pop","shift","unshift","splice","sort","reverse"].forEach(function(t){var e=no[t];A(ro,t,function(){for(var n=[],r=arguments.length;r--;)n[r]=arguments[r];var o,i=e.apply(this,n),a=this.__ob__;switch(t){case"push":case"unshift":o=n;break;case"splice":o=n.slice(2)}return o&&a.observeArray(o),a.dep.notify(),i})});var oo=Object.getOwnPropertyNames(ro),io={shouldConvert:!0},ao=function(t){if(this.value=t,this.dep=new to,this.vmCount=0,A(t,"__ob__",this),Array.isArray(t)){(Pr?D:M)(t,ro,oo),this.observeArray(t)}else this.walk(t)};ao.prototype.walk=function(t){for(var e=Object.keys(t),n=0;n<e.length;n++)V(t,e[n],t[e[n]])},ao.prototype.observeArray=function(t){for(var e=0,n=t.length;e<n;e++)P(t[e])};var so=Or.optionMergeStrategies;"production"!==t.env.NODE_ENV&&(so.el=so.propsData=function(t,e,n,r){return n||Ar('option "'+r+'" can only be used during instance creation with the `new` keyword.'),uo(t,e)}),so.data=function(e,n,r){return r?U(e,n,r):n&&"function"!=typeof n?("production"!==t.env.NODE_ENV&&Ar('The "data" option should be a function that returns a per-instance value in component definitions.',r),e):U.call(this,e,n)},Er.forEach(function(t){so[t]=H}),wr.forEach(function(t){so[t+"s"]=B}),so.watch=function(t,e){if(t===Wr&&(t=void 0),e===Wr&&(e=void 0),!e)return Object.create(t||null);if(!t)return e;var n={};b(n,t);for(var r in e){var o=n[r],i=e[r];o&&!Array.isArray(o)&&(o=[o]),n[r]=o?o.concat(i):Array.isArray(i)?i:[i]}return n},so.props=so.methods=so.inject=so.computed=function(t,e){if(!t)return e;var n=Object.create(null);return b(n,t),e&&b(n,e),n},so.provide=U;var co,uo=function(t,e){return void 0===e?t:e},lo=/^(String|Number|Boolean|Function|Symbol)$/;if("production"!==t.env.NODE_ENV){var fo=v("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,require"),po=function(t,e){Ar('Property or method "'+e+'" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option.',t)},vo="undefined"!=typeof Proxy&&Proxy.toString().match(/native code/);if(vo){var ho=v("stop,prevent,self,ctrl,shift,alt,meta");Or.keyCodes=new Proxy(Or.keyCodes,{set:function(t,e,n){return ho(e)?(Ar("Avoid overwriting built-in modifier in config.keyCodes: ."+e),!1):(t[e]=n,!0)}})}var mo={has:function(t,e){var n=e in t,r=fo(e)||"_"===e.charAt(0);return n||r||po(t,e),n||!r}},yo={get:function(t,e){return"string"!=typeof e||e in t||po(t,e),t[e]}};co=function(t){if(vo){var e=t.$options,n=e.render&&e.render._withStripped?yo:mo;t._renderProxy=new Proxy(t,n)}else t._renderProxy=t}}var _o,go;if("production"!==t.env.NODE_ENV){var bo=Vr&&window.performance;bo&&bo.mark&&bo.measure&&bo.clearMarks&&bo.clearMeasures&&(_o=function(t){return bo.mark(t)},go=function(t,e,n){bo.measure(t,e,n),bo.clearMarks(e),bo.clearMarks(n),bo.clearMeasures(t)})}var xo=function(t,e,n,r,o,i,a,s){this.tag=t,this.data=e,this.children=n,this.text=r,this.elm=o,this.ns=void 0,this.context=i,this.functionalContext=void 0,this.key=e&&e.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,this.asyncFactory=s,this.asyncMeta=void 0,this.isAsyncPlaceholder=!1},wo={child:{}};wo.child.get=function(){return this.componentInstance},Object.defineProperties(xo.prototype,wo);var Eo,Oo=function(t){void 0===t&&(t="");var e=new xo;return e.text=t,e.isComment=!0,e},Co=y(function(t){var e="&"===t.charAt(0);t=e?t.slice(1):t;var n="~"===t.charAt(0);t=n?t.slice(1):t;var r="!"===t.charAt(0);return t=r?t.slice(1):t,{name:t,plain:!(e||n||r),once:n,capture:r,passive:e}}),No=null,Ao=!1,$o=100,ko=[],So=[],To={},jo={},Do=!1,Mo=!1,Po=0,Vo=0,Lo=function(e,n,r,o){this.vm=e,e._watchers.push(this),o?(this.deep=!!o.deep,this.user=!!o.user,this.lazy=!!o.lazy,this.sync=!!o.sync):this.deep=this.user=this.lazy=this.sync=!1,this.cb=r,this.id=++Vo,this.active=!0,this.dirty=this.lazy,this.deps=[],this.newDeps=[],this.depIds=new Kr,this.newDepIds=new Kr,this.expression="production"!==t.env.NODE_ENV?n.toString():"","function"==typeof n?this.getter=n:(this.getter=$(n),this.getter||(this.getter=function(){},"production"!==t.env.NODE_ENV&&Ar('Failed watching path: "'+n+'" Watcher only accepts simple dot-delimited paths. For full control, use a function instead.',e))),this.value=this.lazy?void 0:this.get()};Lo.prototype.get=function(){T(this);var t,e=this.vm;try{t=this.getter.call(e,e)}catch(t){if(!this.user)throw t;k(t,e,'getter for watcher "'+this.expression+'"')}finally{this.deep&&Ft(t),j(),this.cleanupDeps()}return t},Lo.prototype.addDep=function(t){var e=t.id;this.newDepIds.has(e)||(this.newDepIds.add(e),this.newDeps.push(t),this.depIds.has(e)||t.addSub(this))},Lo.prototype.cleanupDeps=function(){for(var t=this,e=this.deps.length;e--;){var n=t.deps[e];t.newDepIds.has(n.id)||n.removeSub(t)}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},Lo.prototype.update=function(){this.lazy?this.dirty=!0:this.sync?this.run():Rt(this)},Lo.prototype.run=function(){if(this.active){var t=this.get();if(t!==this.value||c(t)||this.deep){var e=this.value;if(this.value=t,this.user)try{this.cb.call(this.vm,t,e)}catch(t){k(t,this.vm,'callback for watcher "'+this.expression+'"')}else this.cb.call(this.vm,t,e)}}},Lo.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},Lo.prototype.depend=function(){for(var t=this,e=this.deps.length;e--;)t.deps[e].depend()},Lo.prototype.teardown=function(){var t=this;if(this.active){this.vm._isBeingDestroyed||h(this.vm._watchers,this);for(var e=this.deps.length;e--;)t.deps[e].removeSub(t);this.active=!1}};var Io=new Kr,Ro={enumerable:!0,configurable:!0,get:w,set:w},Fo={lazy:!0},Uo={init:function(t,e,n,r){if(!t.componentInstance||t.componentInstance._isDestroyed){(t.componentInstance=ae(t,No,n,r)).$mount(e?t.elm:void 0,e)}else if(t.data.keepAlive){var o=t;Uo.prepatch(o,o)}},prepatch:function(t,e){var n=e.componentOptions;kt(e.componentInstance=t.componentInstance,n.propsData,n.listeners,e,n.children)},insert:function(t){var e=t.context,n=t.componentInstance;n._isMounted||(n._isMounted=!0,Dt(n,"mounted")),t.data.keepAlive&&(e._isMounted?Lt(n):Tt(n,!0))},destroy:function(t){var e=t.componentInstance;e._isDestroyed||(t.data.keepAlive?jt(e,!0):e.$destroy())}},Ho=Object.keys(Uo),Bo=1,Wo=2,zo=0;!function(e){e.prototype._init=function(e){var n=this;n._uid=zo++;var r,o;"production"!==t.env.NODE_ENV&&Or.performance&&_o&&(r="vue-perf-init:"+n._uid,o="vue-perf-end:"+n._uid,_o(r)),n._isVue=!0,e&&e._isComponent?Oe(n,e):n.$options=K(Ce(n.constructor),e||{},n),"production"!==t.env.NODE_ENV?co(n):n._renderProxy=n,n._self=n,At(n),bt(n),Ee(n),Dt(n,"beforeCreate"),ee(n),Bt(n),te(n),Dt(n,"created"),"production"!==t.env.NODE_ENV&&Or.performance&&_o&&(n._name=kr(n,!1),_o(o),go(n._name+" init",r,o)),n.$options.el&&n.$mount(n.$options.el)}}($e),function(e){var n={};n.get=function(){return this._data};var r={};r.get=function(){return this._props},"production"!==t.env.NODE_ENV&&(n.set=function(t){Ar("Avoid replacing instance root $data. Use nested data properties instead.",this)},r.set=function(){Ar("$props is readonly.",this)}),Object.defineProperty(e.prototype,"$data",n),Object.defineProperty(e.prototype,"$props",r),e.prototype.$set=L,e.prototype.$delete=I,e.prototype.$watch=function(t,e,n){var r=this;if(u(e))return Qt(r,t,e,n);n=n||{},n.user=!0;var o=new Lo(r,t,e,n);return n.immediate&&e.call(r,o.value),function(){o.teardown()}}}($e),function(e){var n=/^hook:/;e.prototype.$on=function(t,e){var r=this,o=this;if(Array.isArray(t))for(var i=0,a=t.length;i<a;i++)r.$on(t[i],e);else(o._events[t]||(o._events[t]=[])).push(e),n.test(t)&&(o._hasHookEvent=!0);return o},e.prototype.$once=function(t,e){function n(){r.$off(t,n),e.apply(r,arguments)}var r=this;return n.fn=e,r.$on(t,n),r},e.prototype.$off=function(t,e){var n=this,r=this;if(!arguments.length)return r._events=Object.create(null),r;if(Array.isArray(t)){for(var o=0,i=t.length;o<i;o++)n.$off(t[o],e);return r}var a=r._events[t];if(!a)return r;if(1===arguments.length)return r._events[t]=null,r;if(e)for(var s,c=a.length;c--;)if((s=a[c])===e||s.fn===e){a.splice(c,1);break}return r},e.prototype.$emit=function(e){var n=this;if("production"!==t.env.NODE_ENV){var r=e.toLowerCase();r!==e&&n._events[r]&&$r('Event "'+r+'" is emitted in component '+kr(n)+' but the handler is registered for "'+e+'". Note that HTML attributes are case-insensitive and you cannot use v-on to listen to camelCase events when using in-DOM templates. You should probably use "'+_r(e)+'" instead of "'+e+'".')}var o=n._events[e];if(o){o=o.length>1?g(o):o;for(var i=g(arguments,1),a=0,s=o.length;a<s;a++)try{o[a].apply(n,i)}catch(t){k(t,n,'event handler for "'+e+'"')}}return n}}($e),function(t){t.prototype._update=function(t,e){var n=this;n._isMounted&&Dt(n,"beforeUpdate");var r=n.$el,o=n._vnode,i=No;No=n,n._vnode=t,o?n.$el=n.__patch__(o,t):(n.$el=n.__patch__(n.$el,t,e,!1,n.$options._parentElm,n.$options._refElm),n.$options._parentElm=n.$options._refElm=null),No=i,r&&(r.__vue__=null),n.$el&&(n.$el.__vue__=n),n.$vnode&&n.$parent&&n.$vnode===n.$parent._vnode&&(n.$parent.$el=n.$el)},t.prototype.$forceUpdate=function(){var t=this;t._watcher&&t._watcher.update()},t.prototype.$destroy=function(){var t=this;if(!t._isBeingDestroyed){Dt(t,"beforeDestroy"),t._isBeingDestroyed=!0;var e=t.$parent;!e||e._isBeingDestroyed||t.$options.abstract||h(e.$children,t),t._watcher&&t._watcher.teardown();for(var n=t._watchers.length;n--;)t._watchers[n].teardown();t._data.__ob__&&t._data.__ob__.vmCount--,t._isDestroyed=!0,t.__patch__(t._vnode,null),Dt(t,"destroyed"),t.$off(),t.$el&&(t.$el.__vue__=null)}}}($e),function(e){e.prototype.$nextTick=function(t){return Zr(t,this)},e.prototype._render=function(){var e=this,n=e.$options,r=n.render,o=n.staticRenderFns,i=n._parentVnode;if(e._isMounted)for(var a in e.$slots){var s=e.$slots[a];s._rendered&&(e.$slots[a]=ot(s,!0))}e.$scopedSlots=i&&i.data.scopedSlots||Cr,o&&!e._staticTrees&&(e._staticTrees=[]),e.$vnode=i;var c;try{c=r.call(e._renderProxy,e.$createElement)}catch(n){k(n,e,"render function"),c="production"!==t.env.NODE_ENV&&e.$options.renderError?e.$options.renderError.call(e._renderProxy,e.$createElement,n):e._vnode}return c instanceof xo||("production"!==t.env.NODE_ENV&&Array.isArray(c)&&Ar("Multiple root nodes returned from render function. Render function should return a single root node.",e),c=Oo()),c.parent=i,c},e.prototype._o=ge,e.prototype._n=p,e.prototype._s=d,e.prototype._l=pe,e.prototype._t=ve,e.prototype._q=E,e.prototype._i=O,e.prototype._m=_e,e.prototype._f=he,e.prototype._k=me,e.prototype._b=ye,e.prototype._v=nt,e.prototype._e=Oo,e.prototype._u=Nt,e.prototype._g=we}($e);var qo=[String,RegExp,Array],Go={name:"keep-alive",abstract:!0,props:{include:qo,exclude:qo},created:function(){this.cache=Object.create(null)},destroyed:function(){var t=this;for(var e in t.cache)Ie(t.cache[e])},watch:{include:function(t){Le(this.cache,this._vnode,function(e){return Ve(t,e)})},exclude:function(t){Le(this.cache,this._vnode,function(e){return!Ve(t,e)})}},render:function(){var t=gt(this.$slots.default),e=t&&t.componentOptions;if(e){var n=Pe(e);if(n&&(this.include&&!Ve(this.include,n)||this.exclude&&Ve(this.exclude,n)))return t;var r=null==t.key?e.Ctor.cid+(e.tag?"::"+e.tag:""):t.key;this.cache[r]?t.componentInstance=this.cache[r].componentInstance:this.cache[r]=t,t.data.keepAlive=!0}return t}},Ko={KeepAlive:Go};!function(e){var n={};n.get=function(){return Or},"production"!==t.env.NODE_ENV&&(n.set=function(){Ar("Do not replace the Vue.config object, set individual fields instead.")}),Object.defineProperty(e,"config",n),e.util={warn:Ar,extend:b,mergeOptions:K,defineReactive:V},e.set=L,e.delete=I,e.nextTick=Zr,e.options=Object.create(null),wr.forEach(function(t){e.options[t+"s"]=Object.create(null)}),e.options._base=e,b(e.options.components,Ko),ke(e),Se(e),Te(e),Me(e)}($e),Object.defineProperty($e.prototype,"$isServer",{get:Jr}),Object.defineProperty($e.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),$e.version="2.4.4";var Jo,Yo,Xo=v("style,class"),Zo=v("input,textarea,option,select,progress"),Qo=function(t,e,n){return"value"===n&&Zo(t)&&"button"!==e||"selected"===n&&"option"===t||"checked"===n&&"input"===t||"muted"===n&&"video"===t},ti=v("contenteditable,draggable,spellcheck"),ei=v("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"),ni="http://www.w3.org/1999/xlink",ri=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},oi=function(t){return ri(t)?t.slice(6,t.length):""},ii=function(t){return null==t||!1===t},ai={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},si=v("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,picture,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,blockquote,iframe,tfoot"),ci=v("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),ui=function(t){return si(t)||ci(t)},li=Object.create(null),fi=v("text,number,password,search,email,tel,url"),di=Object.freeze({createElement:Je,createElementNS:Ye,createTextNode:Xe,createComment:Ze,insertBefore:Qe,removeChild:tn,appendChild:en,parentNode:nn,nextSibling:rn,tagName:on,setTextContent:an,setAttribute:sn}),pi={create:function(t,e){cn(e)},update:function(t,e){t.data.ref!==e.data.ref&&(cn(t,!0),cn(e))},destroy:function(t){cn(t,!0)}},vi=new xo("",{},[]),hi=["create","activate","update","remove","destroy"],mi={create:dn,update:dn,destroy:function(t){dn(t,vi)}},yi=Object.create(null),_i=[pi,mi],gi={create:yn,update:yn},bi={create:gn,update:gn},xi="__r",wi="__c",Ei={create:En,update:En},Oi={create:On,update:On},Ci=y(function(t){var e={},n=/;(?![^(]*\))/g,r=/:(.+)/;return t.split(n).forEach(function(t){if(t){var n=t.split(r);n.length>1&&(e[n[0].trim()]=n[1].trim())}}),e}),Ni=/^--/,Ai=/\s*!important$/,$i=function(t,e,n){if(Ni.test(e))t.style.setProperty(e,n);else if(Ai.test(n))t.style.setProperty(e,n.replace(Ai,""),"important");else{var r=Si(e);if(Array.isArray(n))for(var o=0,i=n.length;o<i;o++)t.style[r]=n[o];else t.style[r]=n}},ki=["Webkit","Moz","ms"],Si=y(function(t){if(Yo=Yo||document.createElement("div").style,"filter"!==(t=hr(t))&&t in Yo)return t;for(var e=t.charAt(0).toUpperCase()+t.slice(1),n=0;n<ki.length;n++){var r=ki[n]+e;if(r in Yo)return r}}),Ti={create:Tn,update:Tn},ji=y(function(t){return{enterClass:t+"-enter",enterToClass:t+"-enter-to",enterActiveClass:t+"-enter-active",leaveClass:t+"-leave",leaveToClass:t+"-leave-to",leaveActiveClass:t+"-leave-active"}}),Di=Vr&&!Rr,Mi="transition",Pi="animation",Vi="transition",Li="transitionend",Ii="animation",Ri="animationend";Di&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(Vi="WebkitTransition",Li="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(Ii="WebkitAnimation",Ri="webkitAnimationEnd"));var Fi=Vr&&window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout,Ui=/\b(transform|all)(,|$)/,Hi=Vr?{create:Gn,activate:Gn,remove:function(t,e){!0!==t.data.show?Bn(t,e):e()}}:{},Bi=[gi,bi,Ei,Oi,Ti,Hi],Wi=Bi.concat(_i),zi=function(e){function n(t){return new xo(D.tagName(t).toLowerCase(),{},[],void 0,t)}function a(t,e){function n(){0==--n.listeners&&c(t)}return n.listeners=e,n}function c(t){var e=D.parentNode(t);o(e)&&D.removeChild(e,t)}function u(e,n,r,a,s){if(e.isRootInsert=!s,!l(e,n,r,a)){var c=e.data,u=e.children,f=e.tag;o(f)?("production"!==t.env.NODE_ENV&&(c&&c.pre&&M++,M||e.ns||Or.ignoredElements.length&&Or.ignoredElements.indexOf(f)>-1||!Or.isUnknownElement(f)||Ar("Unknown custom element: <"+f+'> - did you register the component correctly? For recursive components, make sure to provide the "name" option.',e.context)),e.elm=e.ns?D.createElementNS(e.ns,f):D.createElement(f,e),_(e),h(e,u,n),o(c)&&y(e,n),p(r,e.elm,a),"production"!==t.env.NODE_ENV&&c&&c.pre&&M--):i(e.isComment)?(e.elm=D.createComment(e.text),p(r,e.elm,a)):(e.elm=D.createTextNode(e.text),p(r,e.elm,a))}}function l(t,e,n,r){var a=t.data;if(o(a)){var s=o(t.componentInstance)&&a.keepAlive;if(o(a=a.hook)&&o(a=a.init)&&a(t,!1,n,r),o(t.componentInstance))return f(t,e),i(s)&&d(t,e,n,r),!0}}function f(t,e){o(t.data.pendingInsert)&&(e.push.apply(e,t.data.pendingInsert),t.data.pendingInsert=null),t.elm=t.componentInstance.$el,m(t)?(y(t,e),_(t)):(cn(t),e.push(t))}function d(t,e,n,r){for(var i,a=t;a.componentInstance;)if(a=a.componentInstance._vnode,o(i=a.data)&&o(i=i.transition)){for(i=0;i<T.activate.length;++i)T.activate[i](vi,a);e.push(a);break}p(n,t.elm,r)}function p(t,e,n){o(t)&&(o(n)?n.parentNode===t&&D.insertBefore(t,e,n):D.appendChild(t,e))}function h(t,e,n){if(Array.isArray(e))for(var r=0;r<e.length;++r)u(e[r],n,t.elm,null,!0);else s(t.text)&&D.appendChild(t.elm,D.createTextNode(t.text))}function m(t){for(;t.componentInstance;)t=t.componentInstance._vnode;return o(t.tag)}function y(t,e){for(var n=0;n<T.create.length;++n)T.create[n](vi,t);k=t.data.hook,o(k)&&(o(k.create)&&k.create(vi,t),o(k.insert)&&e.push(t))}function _(t){for(var e,n=t;n;)o(e=n.context)&&o(e=e.$options._scopeId)&&D.setAttribute(t.elm,e,""),n=n.parent;o(e=No)&&e!==t.context&&o(e=e.$options._scopeId)&&D.setAttribute(t.elm,e,"")}function g(t,e,n,r,o,i){for(;r<=o;++r)u(n[r],i,t,e)}function b(t){var e,n,r=t.data;if(o(r))for(o(e=r.hook)&&o(e=e.destroy)&&e(t),e=0;e<T.destroy.length;++e)T.destroy[e](t);if(o(e=t.children))for(n=0;n<t.children.length;++n)b(t.children[n])}function x(t,e,n,r){for(;n<=r;++n){var i=e[n];o(i)&&(o(i.tag)?(w(i),b(i)):c(i.elm))}}function w(t,e){if(o(e)||o(t.data)){var n,r=T.remove.length+1;for(o(e)?e.listeners+=r:e=a(t.elm,r),o(n=t.componentInstance)&&o(n=n._vnode)&&o(n.data)&&w(n,e),n=0;n<T.remove.length;++n)T.remove[n](t,e);o(n=t.data.hook)&&o(n=n.remove)?n(t,e):e()}else c(t.elm)}function E(e,n,i,a,s){for(var c,l,f,d,p=0,v=0,h=n.length-1,m=n[0],y=n[h],_=i.length-1,b=i[0],w=i[_],E=!s;p<=h&&v<=_;)r(m)?m=n[++p]:r(y)?y=n[--h]:un(m,b)?(C(m,b,a),m=n[++p],b=i[++v]):un(y,w)?(C(y,w,a),y=n[--h],w=i[--_]):un(m,w)?(C(m,w,a),E&&D.insertBefore(e,m.elm,D.nextSibling(y.elm)),m=n[++p],w=i[--_]):un(y,b)?(C(y,b,a),E&&D.insertBefore(e,y.elm,m.elm),y=n[--h],b=i[++v]):(r(c)&&(c=fn(n,p,h)),l=o(b.key)?c[b.key]:O(b,n,p,h),r(l)?u(b,a,e,m.elm):(f=n[l],"production"===t.env.NODE_ENV||f||Ar("It seems there are duplicate keys that is causing an update error. Make sure each v-for item has a unique key."),un(f,b)?(C(f,b,a),n[l]=void 0,E&&D.insertBefore(e,f.elm,m.elm)):u(b,a,e,m.elm)),b=i[++v]);p>h?(d=r(i[_+1])?null:i[_+1].elm,g(e,d,i,v,_,a)):v>_&&x(e,n,p,h)}function O(t,e,n,r){for(var i=n;i<r;i++){var a=e[i];if(o(a)&&un(t,a))return i}}function C(t,e,n,a){if(t!==e){var s=e.elm=t.elm;if(i(t.isAsyncPlaceholder))return void(o(e.asyncFactory.resolved)?A(t.elm,e,n):e.isAsyncPlaceholder=!0);if(i(e.isStatic)&&i(t.isStatic)&&e.key===t.key&&(i(e.isCloned)||i(e.isOnce)))return void(e.componentInstance=t.componentInstance);var c,u=e.data;o(u)&&o(c=u.hook)&&o(c=c.prepatch)&&c(t,e);var l=t.children,f=e.children;if(o(u)&&m(e)){for(c=0;c<T.update.length;++c)T.update[c](t,e);o(c=u.hook)&&o(c=c.update)&&c(t,e)}r(e.text)?o(l)&&o(f)?l!==f&&E(s,l,f,n,a):o(f)?(o(t.text)&&D.setTextContent(s,""),g(s,null,f,0,f.length-1,n)):o(l)?x(s,l,0,l.length-1):o(t.text)&&D.setTextContent(s,""):t.text!==e.text&&D.setTextContent(s,e.text),o(u)&&o(c=u.hook)&&o(c=c.postpatch)&&c(t,e)}}function N(t,e,n){if(i(n)&&o(t.parent))t.parent.data.pendingInsert=e;else for(var r=0;r<e.length;++r)e[r].data.hook.insert(e[r])}function A(e,n,r){if(i(n.isComment)&&o(n.asyncFactory))return n.elm=e,n.isAsyncPlaceholder=!0,!0;if("production"!==t.env.NODE_ENV&&!$(e,n))return!1;n.elm=e;var a=n.tag,s=n.data,c=n.children;if(o(s)&&(o(k=s.hook)&&o(k=k.init)&&k(n,!0),o(k=n.componentInstance)))return f(n,r),!0;if(o(a)){if(o(c))if(e.hasChildNodes())if(o(k=s)&&o(k=k.domProps)&&o(k=k.innerHTML)){if(k!==e.innerHTML)return"production"===t.env.NODE_ENV||"undefined"==typeof console||P||(P=!0,console.warn("Parent: ",e),console.warn("server innerHTML: ",k),console.warn("client innerHTML: ",e.innerHTML)),!1}else{for(var u=!0,l=e.firstChild,d=0;d<c.length;d++){if(!l||!A(l,c[d],r)){u=!1;break}l=l.nextSibling}if(!u||l)return"production"===t.env.NODE_ENV||"undefined"==typeof console||P||(P=!0,console.warn("Parent: ",e),console.warn("Mismatching childNodes vs. VNodes: ",e.childNodes,c)),!1}else h(n,c,r);if(o(s))for(var p in s)if(!V(p)){y(n,r);break}}else e.data!==n.text&&(e.data=n.text);return!0}function $(t,e){return o(e.tag)?0===e.tag.indexOf("vue-component")||e.tag.toLowerCase()===(t.tagName&&t.tagName.toLowerCase()):t.nodeType===(e.isComment?8:3)}var k,S,T={},j=e.modules,D=e.nodeOps;for(k=0;k<hi.length;++k)for(T[hi[k]]=[],S=0;S<j.length;++S)o(j[S][hi[k]])&&T[hi[k]].push(j[S][hi[k]]);var M=0,P=!1,V=v("attrs,style,class,staticClass,staticStyle,key");return function(e,a,s,c,l,f){if(r(a))return void(o(e)&&b(e));var d=!1,p=[];if(r(e))d=!0,u(a,p,l,f);else{var v=o(e.nodeType);if(!v&&un(e,a))C(e,a,p,c);else{if(v){if(1===e.nodeType&&e.hasAttribute(xr)&&(e.removeAttribute(xr),s=!0),i(s)){if(A(e,a,p))return N(a,p,!0),e;"production"!==t.env.NODE_ENV&&Ar("The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render.")}e=n(e)}var h=e.elm,y=D.parentNode(h);if(u(a,p,h._leaveCb?null:y,D.nextSibling(h)),o(a.parent))for(var _=a.parent,g=m(a);_;){for(var w=0;w<T.destroy.length;++w)T.destroy[w](_);if(_.elm=a.elm,g){for(var E=0;E<T.create.length;++E)T.create[E](vi,_);var O=_.data.hook.insert;if(O.merged)for(var $=1;$<O.fns.length;$++)O.fns[$]()}_=_.parent}o(y)?x(y,[e],0,0):o(e.tag)&&b(e)}}return N(a,p,d),a.elm}}({nodeOps:di,modules:Wi});Rr&&document.addEventListener("selectionchange",function(){var t=document.activeElement;t&&t.vmodel&&tr(t,"input")});var qi={inserted:function(t,e,n){"select"===n.tag?(Kn(t,e,n.context),t._vOptions=[].map.call(t.options,Xn)):("textarea"===n.tag||fi(t.type))&&(t._vModifiers=e.modifiers,e.modifiers.lazy||(t.addEventListener("change",Qn),Ur||(t.addEventListener("compositionstart",Zn),t.addEventListener("compositionend",Qn)),Rr&&(t.vmodel=!0)))},componentUpdated:function(t,e,n){if("select"===n.tag){Kn(t,e,n.context);var r=t._vOptions,o=t._vOptions=[].map.call(t.options,Xn);if(o.some(function(t,e){return!E(t,r[e])})){(t.multiple?e.value.some(function(t){return Yn(t,o)}):e.value!==e.oldValue&&Yn(e.value,o))&&tr(t,"change")}}}},Gi={bind:function(t,e,n){var r=e.value;n=er(n);var o=n.data&&n.data.transition,i=t.__vOriginalDisplay="none"===t.style.display?"":t.style.display;r&&o?(n.data.show=!0,Hn(n,function(){t.style.display=i})):t.style.display=r?i:"none"},update:function(t,e,n){var r=e.value;r!==e.oldValue&&(n=er(n),n.data&&n.data.transition?(n.data.show=!0,r?Hn(n,function(){t.style.display=t.__vOriginalDisplay}):Bn(n,function(){t.style.display="none"})):t.style.display=r?t.__vOriginalDisplay:"none")},unbind:function(t,e,n,r,o){o||(t.style.display=t.__vOriginalDisplay)}},Ki={model:qi,show:Gi},Ji={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]},Yi={name:"transition",props:Ji,abstract:!0,render:function(e){var n=this,r=this.$options._renderChildren;if(r&&(r=r.filter(function(t){return t.tag||_t(t)}),r.length)){"production"!==t.env.NODE_ENV&&r.length>1&&Ar("<transition> can only be used on a single element. Use <transition-group> for lists.",this.$parent);var o=this.mode;"production"!==t.env.NODE_ENV&&o&&"in-out"!==o&&"out-in"!==o&&Ar("invalid <transition> mode: "+o,this.$parent);var i=r[0];if(ir(this.$vnode))return i;var a=nr(i);if(!a)return i;if(this._leaving)return or(e,i);var c="__transition-"+this._uid+"-";a.key=null==a.key?a.isComment?c+"comment":c+a.tag:s(a.key)?0===String(a.key).indexOf(c)?a.key:c+a.key:a.key;var u=(a.data||(a.data={})).transition=rr(this),l=this._vnode,f=nr(l);if(a.data.directives&&a.data.directives.some(function(t){return"show"===t.name})&&(a.data.show=!0),f&&f.data&&!ar(a,f)&&!_t(f)){var d=f&&(f.data.transition=b({},u));if("out-in"===o)return this._leaving=!0,ct(d,"afterLeave",function(){n._leaving=!1,n.$forceUpdate()}),or(e,i);if("in-out"===o){if(_t(a))return l;var p,v=function(){p()};ct(u,"afterEnter",v),ct(u,"enterCancelled",v),ct(d,"delayLeave",function(t){p=t})}}return i}}},Xi=b({tag:String,moveClass:String},Ji);delete Xi.mode;var Zi={props:Xi,render:function(e){for(var n=this.tag||this.$vnode.data.tag||"span",r=Object.create(null),o=this.prevChildren=this.children,i=this.$slots.default||[],a=this.children=[],s=rr(this),c=0;c<i.length;c++){var u=i[c];if(u.tag)if(null!=u.key&&0!==String(u.key).indexOf("__vlist"))a.push(u),r[u.key]=u,(u.data||(u.data={})).transition=s;else if("production"!==t.env.NODE_ENV){var l=u.componentOptions,f=l?l.Ctor.options.name||l.tag||"":u.tag;Ar("<transition-group> children must be keyed: <"+f+">")}}if(o){for(var d=[],p=[],v=0;v<o.length;v++){var h=o[v];h.data.transition=s,h.data.pos=h.elm.getBoundingClientRect(),r[h.key]?d.push(h):p.push(h)}this.kept=e(n,null,d),this.removed=p}return e(n,null,a)},beforeUpdate:function(){this.__patch__(this._vnode,this.kept,!1,!0),this._vnode=this.kept},updated:function(){var t=this.prevChildren,e=this.moveClass||(this.name||"v")+"-move";if(t.length&&this.hasMove(t[0].elm,e)){t.forEach(sr),t.forEach(cr),t.forEach(ur);var n=document.body;n.offsetHeight;t.forEach(function(t){if(t.data.moved){var n=t.elm,r=n.style;Vn(n,e),r.transform=r.WebkitTransform=r.transitionDuration="",n.addEventListener(Li,n._moveCb=function t(r){r&&!/transform$/.test(r.propertyName)||(n.removeEventListener(Li,t),n._moveCb=null,Ln(n,e))})}})}},methods:{hasMove:function(t,e){if(!Di)return!1;if(this._hasMove)return this._hasMove;var n=t.cloneNode();t._transitionClasses&&t._transitionClasses.forEach(function(t){Dn(n,t)}),jn(n,e),n.style.display="none",this.$el.appendChild(n);var r=Rn(n);return this.$el.removeChild(n),this._hasMove=r.hasTransform}}},Qi={Transition:Yi,TransitionGroup:Zi};$e.config.mustUseProp=Qo,$e.config.isReservedTag=ui,$e.config.isReservedAttr=Xo,$e.config.getTagNamespace=qe,$e.config.isUnknownElement=Ge,b($e.options.directives,Ki),b($e.options.components,Qi),$e.prototype.__patch__=Vr?zi:w,$e.prototype.$mount=function(t,e){return t=t&&Vr?Ke(t):void 0,$t(this,t,e)},setTimeout(function(){Or.devtools&&(Yr?Yr.emit("init",$e):"production"!==t.env.NODE_ENV&&Br&&console[console.info?"info":"log"]("Download the Vue Devtools extension for a better development experience:\nhttps://github.com/vuejs/vue-devtools")),"production"!==t.env.NODE_ENV&&!1!==Or.productionTip&&Vr&&"undefined"!=typeof console&&console[console.info?"info":"log"]("You are running Vue in development mode.\nMake sure to turn on production mode when deploying for production.\nSee more tips at https://vuejs.org/guide/deployment.html")},0),e.default=$e}.call(e,n(89),n(99))},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{contents:[{title:"Korea",description:"This is Korea flag",path:"../assets/images/1.png"},{title:"USA",description:"This is USA flag",path:"../assets/images/2.png"},{title:"UK",description:"This is UK flag",path:"../assets/images/3.jpg"},{title:"Spain",description:"This is Spain flag",path:"../assets/images/4.jpg"},{title:"Paraguay",description:"This is Paraguay flag",path:"../assets/images/5.png"},{title:"Mexico",description:"This is Mexico flag",path:"../assets/images/6.png"},{title:"France",description:"This is France flag",path:"../assets/images/7.png"},{title:"Poland",description:"This is Poland flag",path:"../assets/images/8.png"},{title:"Argentine",description:"This is Argentine flag",path:"../assets/images/9.png"},{title:"India",description:"This is India flag",path:"../assets/images/10.jpg"}]}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:["content","index","toggleCard","styles"]}},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(49),i=r(o),a=n(90),s=r(a);e.default={props:["contents"],components:{Card:s.default},data:function(){return{config:null,cardStyles:null,cardListStyles:null,scrollPath:{x:0,y:0}}},methods:{_removeSpecificClassName:function(t,e){var n=this.$children[t].$refs.card_container;n.className=n.className.split(" ").filter(function(t){return t!==e}).join(" ")},toggleCard:function(t){var e=this;if(!this.$children[t].$refs.card_container.className.includes("choice"))return this.scrollPath.x=window.scrollX,this.scrollPath.y=window.scrollY,new i.default(function(t,n){e.contents.map(function(t,n){e.$children[n].$refs.card_container.className+=" notChoice"}),setTimeout(function(){t()},1e3)}).then(function(){window.scrollTo(0,0),e.$children[t].$refs.card_container.className="card__container choice"}).then(function(){setTimeout(function(){return e.contents.map(function(n,r){r!==t&&(e.$children[r].$refs.card_container.className+=" done")})},750)});this.contents.map(function(n,r){r!==t&&e._removeSpecificClassName(r,"done")}),setTimeout(function(){e.contents.map(function(t,n){e._removeSpecificClassName(n,"notChoice")})},500),this._removeSpecificClassName(t,"choice"),window.scrollTo(this.scrollPath.x,this.scrollPath.y),this.scrollPath.x=0,this.scrollPath.y=0}},created:function(){this.config=this.$options.config,this.cardStyles={width:this.config.cardWidth,height:this.config.cardHeight},this.cardListStyles={maxWidth:this.config.cardListMaxWidth}}}},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}var o=n(43),i=r(o),a=n(42),s=r(a),c=n(41),u=r(c);i.default.use(u.default,{cardWidth:"364px",cardHeight:"340px",cardListMaxWidth:""}),new i.default({el:"#app",render:function(t){return t(s.default)}})},function(t,e,n){t.exports={default:n(50),__esModule:!0}},function(t,e,n){t.exports={default:n(51),__esModule:!0}},function(t,e,n){n(79),t.exports=n(3).Object.assign},function(t,e,n){n(80),n(82),n(85),n(81),n(83),n(84),t.exports=n(3).Promise},function(t,e){t.exports=function(){}},function(t,e){t.exports=function(t,e,n,r){if(!(t instanceof e)||void 0!==r&&r in t)throw TypeError(n+": incorrect invocation!");return t}},function(t,e,n){var r=n(21),o=n(38),i=n(75);t.exports=function(t){return function(e,n,a){var s,c=r(e),u=o(c.length),l=i(a,u);if(t&&n!=n){for(;u>l;)if((s=c[l++])!=s)return!0}else for(;u>l;l++)if((t||l in c)&&c[l]===n)return t||l||0;return!t&&-1}}},function(t,e,n){var r=n(11),o=n(59),i=n(58),a=n(2),s=n(38),c=n(77),u={},l={},e=t.exports=function(t,e,n,f,d){var p,v,h,m,y=d?function(){return t}:c(t),_=r(n,f,e?2:1),g=0;if("function"!=typeof y)throw TypeError(t+" is not iterable!");if(i(y)){for(p=s(t.length);p>g;g++)if((m=e?_(a(v=t[g])[0],v[1]):_(t[g]))===u||m===l)return m}else for(h=y.call(t);!(v=h.next()).done;)if((m=o(h,_,v.value,e))===u||m===l)return m};e.BREAK=u,e.RETURN=l},function(t,e,n){t.exports=!n(5)&&!n(16)(function(){return 7!=Object.defineProperty(n(15)("div"),"a",{get:function(){return 7}}).a})},function(t,e){t.exports=function(t,e,n){var r=void 0===n;switch(e.length){case 0:return r?t():t.call(n);case 1:return r?t(e[0]):t.call(n,e[0]);case 2:return r?t(e[0],e[1]):t.call(n,e[0],e[1]);case 3:return r?t(e[0],e[1],e[2]):t.call(n,e[0],e[1],e[2]);case 4:return r?t(e[0],e[1],e[2],e[3]):t.call(n,e[0],e[1],e[2],e[3])}return t.apply(n,e)}},function(t,e,n){var r=n(8),o=n(1)("iterator"),i=Array.prototype;t.exports=function(t){return void 0!==t&&(r.Array===t||i[o]===t)}},function(t,e,n){var r=n(2);t.exports=function(t,e,n,o){try{return o?e(r(n)[0],n[1]):e(n)}catch(e){var i=t.return;throw void 0!==i&&r(i.call(t)),e}}},function(t,e,n){"use strict";var r=n(65),o=n(34),i=n(18),a={};n(4)(a,n(1)("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=r(a,{next:o(1,n)}),i(t,e+" Iterator")}},function(t,e,n){var r=n(1)("iterator"),o=!1;try{var i=[7][r]();i.return=function(){o=!0},Array.from(i,function(){throw 2})}catch(t){}t.exports=function(t,e){if(!e&&!o)return!1;var n=!1;try{var i=[7],a=i[r]();a.next=function(){return{done:n=!0}},i[r]=function(){return a},t(i)}catch(t){}return n}},function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},function(t,e,n){var r=n(0),o=n(37).set,i=r.MutationObserver||r.WebKitMutationObserver,a=r.process,s=r.Promise,c="process"==n(10)(a);t.exports=function(){var t,e,n,u=function(){var r,o;for(c&&(r=a.domain)&&r.exit();t;){o=t.fn,t=t.next;try{o()}catch(r){throw t?n():e=void 0,r}}e=void 0,r&&r.enter()};if(c)n=function(){a.nextTick(u)};else if(i){var l=!0,f=document.createTextNode("");new i(u).observe(f,{characterData:!0}),n=function(){f.data=l=!l}}else if(s&&s.resolve){var d=s.resolve();n=function(){d.then(u)}}else n=function(){o.call(r,u)};return function(r){var o={fn:r,next:void 0};e&&(e.next=o),t||(t=o,n()),e=o}}},function(t,e,n){"use strict";var r=n(31),o=n(67),i=n(70),a=n(39),s=n(28),c=Object.assign;t.exports=!c||n(16)(function(){var t={},e={},n=Symbol(),r="abcdefghijklmnopqrst";return t[n]=7,r.split("").forEach(function(t){e[t]=t}),7!=c({},t)[n]||Object.keys(c({},e)).join("")!=r})?function(t,e){for(var n=a(t),c=arguments.length,u=1,l=o.f,f=i.f;c>u;)for(var d,p=s(arguments[u++]),v=l?r(p).concat(l(p)):r(p),h=v.length,m=0;h>m;)f.call(p,d=v[m++])&&(n[d]=p[d]);return n}:c},function(t,e,n){var r=n(2),o=n(66),i=n(26),a=n(19)("IE_PROTO"),s=function(){},c=function(){var t,e=n(15)("iframe"),r=i.length;for(e.style.display="none",n(27).appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write("<script>document.F=Object<\/script>"),t.close(),c=t.F;r--;)delete c.prototype[i[r]];return c()};t.exports=Object.create||function(t,e){var n;return null!==t?(s.prototype=r(t),n=new s,s.prototype=null,n[a]=t):n=c(),void 0===e?n:o(n,e)}},function(t,e,n){var r=n(13),o=n(2),i=n(31);t.exports=n(5)?Object.defineProperties:function(t,e){o(t);for(var n,a=i(e),s=a.length,c=0;s>c;)r.f(t,n=a[c++],e[n]);return t}},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e,n){var r=n(12),o=n(39),i=n(19)("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=o(t),r(t,i)?t[i]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?a:null}},function(t,e,n){var r=n(12),o=n(21),i=n(54)(!1),a=n(19)("IE_PROTO");t.exports=function(t,e){var n,s=o(t),c=0,u=[];for(n in s)n!=a&&r(s,n)&&u.push(n);for(;e.length>c;)r(s,n=e[c++])&&(~i(u,n)||u.push(n));return u}},function(t,e){e.f={}.propertyIsEnumerable},function(t,e,n){var r=n(4);t.exports=function(t,e,n){for(var o in e)n&&t[o]?t[o]=e[o]:r(t,o,e[o]);return t}},function(t,e,n){t.exports=n(4)},function(t,e,n){"use strict";var r=n(0),o=n(3),i=n(13),a=n(5),s=n(1)("species");t.exports=function(t){var e="function"==typeof o[t]?o[t]:r[t];a&&e&&!e[s]&&i.f(e,s,{configurable:!0,get:function(){return this}})}},function(t,e,n){var r=n(20),o=n(14);t.exports=function(t){return function(e,n){var i,a,s=String(o(e)),c=r(n),u=s.length;return c<0||c>=u?t?"":void 0:(i=s.charCodeAt(c),i<55296||i>56319||c+1===u||(a=s.charCodeAt(c+1))<56320||a>57343?t?s.charAt(c):i:t?s.slice(c,c+2):a-56320+(i-55296<<10)+65536)}}},function(t,e,n){var r=n(20),o=Math.max,i=Math.min;t.exports=function(t,e){return t=r(t),t<0?o(t+e,0):i(t,e)}},function(t,e,n){var r=n(7);t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t,e,n){var r=n(25),o=n(1)("iterator"),i=n(8);t.exports=n(3).getIteratorMethod=function(t){if(void 0!=t)return t[o]||t["@@iterator"]||i[r(t)]}},function(t,e,n){"use strict";var r=n(52),o=n(62),i=n(8),a=n(21);t.exports=n(29)(Array,"Array",function(t,e){this._t=a(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,o(1)):"keys"==e?o(0,n):"values"==e?o(0,t[n]):o(0,[n,t[n]])},"values"),i.Arguments=i.Array,r("keys"),r("values"),r("entries")},function(t,e,n){var r=n(6);r(r.S+r.F,"Object",{assign:n(64)})},function(t,e){},function(t,e,n){"use strict";var r,o,i,a,s=n(30),c=n(0),u=n(11),l=n(25),f=n(6),d=n(7),p=n(9),v=n(53),h=n(55),m=n(36),y=n(37).set,_=n(63)(),g=n(17),b=n(32),x=n(33),w=c.TypeError,E=c.process,O=c.Promise,C="process"==l(E),N=function(){},A=o=g.f,$=!!function(){try{var t=O.resolve(1),e=(t.constructor={})[n(1)("species")]=function(t){t(N,N)};return(C||"function"==typeof PromiseRejectionEvent)&&t.then(N)instanceof e}catch(t){}}(),k=function(t){var e;return!(!d(t)||"function"!=typeof(e=t.then))&&e},S=function(t,e){if(!t._n){t._n=!0;var n=t._c;_(function(){for(var r=t._v,o=1==t._s,i=0;n.length>i;)!function(e){var n,i,a=o?e.ok:e.fail,s=e.resolve,c=e.reject,u=e.domain;try{a?(o||(2==t._h&&D(t),t._h=1),!0===a?n=r:(u&&u.enter(),n=a(r),u&&u.exit()),n===e.promise?c(w("Promise-chain cycle")):(i=k(n))?i.call(n,s,c):s(n)):c(r)}catch(t){c(t)}}(n[i++]);t._c=[],t._n=!1,e&&!t._h&&T(t)})}},T=function(t){y.call(c,function(){var e,n,r,o=t._v,i=j(t);if(i&&(e=b(function(){C?E.emit("unhandledRejection",o,t):(n=c.onunhandledrejection)?n({promise:t,reason:o}):(r=c.console)&&r.error&&r.error("Unhandled promise rejection",o)}),t._h=C||j(t)?2:1),t._a=void 0,i&&e.e)throw e.v})},j=function(t){if(1==t._h)return!1;for(var e,n=t._a||t._c,r=0;n.length>r;)if(e=n[r++],e.fail||!j(e.promise))return!1;return!0},D=function(t){y.call(c,function(){var e;C?E.emit("rejectionHandled",t):(e=c.onrejectionhandled)&&e({promise:t,reason:t._v})})},M=function(t){var e=this;e._d||(e._d=!0,e=e._w||e,e._v=t,e._s=2,e._a||(e._a=e._c.slice()),S(e,!0))},P=function(t){var e,n=this;if(!n._d){n._d=!0,n=n._w||n;try{if(n===t)throw w("Promise can't be resolved itself");(e=k(t))?_(function(){var r={_w:n,_d:!1};try{e.call(t,u(P,r,1),u(M,r,1))}catch(t){M.call(r,t)}}):(n._v=t,n._s=1,S(n,!1))}catch(t){M.call({_w:n,_d:!1},t)}}};$||(O=function(t){v(this,O,"Promise","_h"),p(t),r.call(this);try{t(u(P,this,1),u(M,this,1))}catch(t){M.call(this,t)}},r=function(t){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1},r.prototype=n(71)(O.prototype,{then:function(t,e){var n=A(m(this,O));return n.ok="function"!=typeof t||t,n.fail="function"==typeof e&&e,n.domain=C?E.domain:void 0,this._c.push(n),this._a&&this._a.push(n),this._s&&S(this,!1),n.promise},catch:function(t){return this.then(void 0,t)}}),i=function(){var t=new r;this.promise=t,this.resolve=u(P,t,1),this.reject=u(M,t,1)},g.f=A=function(t){return t===O||t===a?new i(t):o(t)}),f(f.G+f.W+f.F*!$,{Promise:O}),n(18)(O,"Promise"),n(73)("Promise"),a=n(3).Promise,f(f.S+f.F*!$,"Promise",{reject:function(t){var e=A(this);return(0,e.reject)(t),e.promise}}),f(f.S+f.F*(s||!$),"Promise",{resolve:function(t){return x(s&&this===a?O:this,t)}}),f(f.S+f.F*!($&&n(61)(function(t){O.all(t).catch(N)})),"Promise",{all:function(t){var e=this,n=A(e),r=n.resolve,o=n.reject,i=b(function(){var n=[],i=0,a=1;h(t,!1,function(t){var s=i++,c=!1;n.push(void 0),a++,e.resolve(t).then(function(t){c||(c=!0,n[s]=t,--a||r(n))},o)}),--a||r(n)});return i.e&&o(i.v),n.promise},race:function(t){var e=this,n=A(e),r=n.reject,o=b(function(){h(t,!1,function(t){e.resolve(t).then(n.resolve,r)})});return o.e&&r(o.v),n.promise}})},function(t,e,n){"use strict";var r=n(74)(!0);n(29)(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,e=this._t,n=this._i;return n>=e.length?{value:void 0,done:!0}:(t=r(e,n),this._i+=t.length,{value:t,done:!1})})},function(t,e,n){"use strict";var r=n(6),o=n(3),i=n(0),a=n(36),s=n(33);r(r.P+r.R,"Promise",{finally:function(t){var e=a(this,o.Promise||i.Promise),n="function"==typeof t;return this.then(n?function(n){return s(e,t()).then(function(){return n})}:t,n?function(n){return s(e,t()).then(function(){throw n})}:t)}})},function(t,e,n){"use strict";var r=n(6),o=n(17),i=n(32);r(r.S,"Promise",{try:function(t){var e=o.f(this),n=i(t);return(n.e?e.reject:e.resolve)(n.v),e.promise}})},function(t,e,n){n(78);for(var r=n(0),o=n(4),i=n(8),a=n(1)("toStringTag"),s="CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList".split(","),c=0;c<s.length;c++){var u=s[c],l=r[u],f=l&&l.prototype;f&&!f[a]&&o(f,a,u),i[u]=i.Array}},function(t,e,n){e=t.exports=n(22)(void 0),e.push([t.i,".card__container[data-v-70a1c858]{display:inline-block;margin:30px 10px;vertical-align:top;background-color:#fff;border-radius:12px;overflow:hidden;opacity:1;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.card__container.choice[data-v-70a1c858]{position:absolute;top:0;left:0;width:100%!important;min-height:1200px!important;margin:0;-webkit-transition:width .75s,height .5s ease-in-out;transition:width .75s,height .5s ease-in-out}.card__container.choice>.card__image[data-v-70a1c858]{width:auto;height:auto}.card__container.notChoice[data-v-70a1c858]{opacity:0}.card__container.notChoice.done[data-v-70a1c858]{display:none}.card__container[data-v-70a1c858]:hover{cursor:pointer}.card__container>.card__image[data-v-70a1c858]{width:100%;height:74%;font-size:0}.card__container>.card__image>img[data-v-70a1c858]{width:100%;height:100%;border-top-right-radius:12px;border-top-left-radius:12px}.card__container>.card__content[data-v-70a1c858]{padding:10px 20px;border-top:1px solid #dfdfdf;font-family:Lato,sans-serif;font-weight:400}.card__container>.card__content>.card__title[data-v-70a1c858]{font-size:30px;font-family:Lato,sans-serif;font-weight:400}.card__container>.card__content>.card__description[data-v-70a1c858]{margin:5px 0 0;font-size:15px;font-family:Lato,sans-serif;font-weight:300}",""])},function(t,e,n){e=t.exports=n(22)(void 0),e.push([t.i,".container,body{margin:0;padding:0}.container{width:inherit;height:inherit}",""])},function(t,e,n){e=t.exports=n(22)(void 0),e.push([t.i,".card-list__container[data-v-8cef03d4]{width:inherit;height:inherit;margin:0 auto;background-color:#dfdfdf}",""])},function(t,e){function n(){throw new Error("setTimeout has not been defined")}function r(){throw new Error("clearTimeout has not been defined")}function o(t){if(l===setTimeout)return setTimeout(t,0);if((l===n||!l)&&setTimeout)return l=setTimeout,setTimeout(t,0);try{return l(t,0)}catch(e){try{return l.call(null,t,0)}catch(e){return l.call(this,t,0)}}}function i(t){if(f===clearTimeout)return clearTimeout(t);if((f===r||!f)&&clearTimeout)return f=clearTimeout,clearTimeout(t);try{return f(t)}catch(e){try{return f.call(null,t)}catch(e){return f.call(this,t)}}}function a(){h&&p&&(h=!1,p.length?v=p.concat(v):m=-1,v.length&&s())}function s(){if(!h){var t=o(a);h=!0;for(var e=v.length;e;){for(p=v,v=[];++m<e;)p&&p[m].run();m=-1,e=v.length}p=null,h=!1,i(t)}}function c(t,e){this.fun=t,this.array=e}function u(){}var l,f,d=t.exports={};!function(){try{l="function"==typeof setTimeout?setTimeout:n}catch(t){l=n}try{f="function"==typeof clearTimeout?clearTimeout:r}catch(t){f=r}}();var p,v=[],h=!1,m=-1;d.nextTick=function(t){var e=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)e[n-1]=arguments[n];v.push(new c(t,e)),1!==v.length||h||o(s)},c.prototype.run=function(){this.fun.apply(null,this.array)},d.title="browser",d.browser=!0,d.env={},d.argv=[],d.version="",d.versions={},d.on=u,d.addListener=u,d.once=u,d.off=u,d.removeListener=u,d.removeAllListeners=u,d.emit=u,d.prependListener=u,d.prependOnceListener=u,d.listeners=function(t){return[]},d.binding=function(t){throw new Error("process.binding is not supported")},d.cwd=function(){return"/"},d.chdir=function(t){throw new Error("process.chdir is not supported")},d.umask=function(){return 0}},function(t,e,n){function r(t){n(95)}var o=n(23)(n(45),n(92),r,"data-v-70a1c858",null);t.exports=o.exports},function(t,e,n){function r(t){n(97)}var o=n(23)(n(46),n(94),r,"data-v-8cef03d4",null);t.exports=o.exports},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{ref:"card_container",staticClass:"card__container",style:t.styles,attrs:{id:"card"+t.index},on:{click:function(e){e.preventDefault(),e.stopPropagation(),t.toggleCard(t.index)}}},[n("div",{staticClass:"card__image"},[n("img",{attrs:{src:t.content.path,alt:t.content.title}})]),t._v(" "),n("div",{staticClass:"card__content"},[n("div",{staticClass:"card__title"},[t._v(t._s(t.content.title))]),t._v(" "),n("div",{staticClass:"card__description"},[t._v(t._s(t.content.description))])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"container"},[n("VueCardLayer",{attrs:{contents:t.contents}})],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{key:"card-list",staticClass:"card-list__container",style:t.cardListStyles},t._l(t.contents,function(e,r){return n("Card",{key:"index",attrs:{content:e,styles:t.cardStyles,index:r,toggleCard:t.toggleCard}})}))},staticRenderFns:[]}},function(t,e,n){var r=n(86);"string"==typeof r&&(r=[[t.i,r,""]]),r.locals&&(t.exports=r.locals);n(24)("76de1e70",r,!0)},function(t,e,n){var r=n(87);"string"==typeof r&&(r=[[t.i,r,""]]),r.locals&&(t.exports=r.locals);n(24)("5658d2f2",r,!0)},function(t,e,n){var r=n(88);"string"==typeof r&&(r=[[t.i,r,""]]),r.locals&&(t.exports=r.locals);n(24)("602b4220",r,!0)},function(t,e){t.exports=function(t,e){for(var n=[],r={},o=0;o<e.length;o++){var i=e[o],a=i[0],s=i[1],c=i[2],u=i[3],l={id:t+":"+o,css:s,media:c,sourceMap:u};r[a]?r[a].parts.push(l):n.push(r[a]={id:a,parts:[l]})}return n}},function(t,e){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(t){"object"==typeof window&&(n=window)}t.exports=n}]);


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <link href="https://fonts.googleapis.com/css?family=Lato:300,400" rel="stylesheet">
 6 |     <title>vue-card-layer</title>
 7 |   </head>
 8 |   <body>
 9 |     <div id="app"></div>
10 |     <script src="./demo/bundle.js"></script>
11 |   </body>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue-card-layer",
 3 |   "version": "1.0.2",
 4 |   "description": "vue-card-layer",
 5 |   "main": "src/index.js",
 6 |   "scripts": {
 7 |     "test": "",
 8 |     "dev": "webpack-dev-server --config webpack.dev.config.js",
 9 |     "dist": "webpack --config webpack.config.js --optimize-minimize"
10 |   },
11 |   "repository": {
12 |     "type": "git",
13 |     "url": "git+https://github.com/jicjjang/vue-card-layer.git"
14 |   },
15 |   "keywords": [
16 |     "vue",
17 |     "library",
18 |     "components"
19 |   ],
20 |   "author": "jicjjang",
21 |   "license": "MIT",
22 |   "bugs": {
23 |     "url": "https://github.com/jicjjang/vue-card-layer/issues"
24 |   },
25 |   "homepage": "https://github.com/jicjjang/vue-card-layer#readme",
26 |   "dependencies": {
27 |     "vue": "^2.3.3"
28 |   },
29 |   "devDependencies": {
30 |     "babel-core": "^6.24.1",
31 |     "babel-loader": "^7.0.0",
32 |     "babel-plugin-transform-object-rest-spread": "^6.23.0",
33 |     "babel-plugin-transform-runtime": "^6.23.0",
34 |     "babel-preset-es2015": "^6.24.1",
35 |     "babel-preset-stage-2": "^6.24.1",
36 |     "babel-runtime": "^6.23.0",
37 |     "css-loader": "^0.28.1",
38 |     "less": "^2.7.2",
39 |     "less-loader": "^4.0.3",
40 |     "mocha": "^3.3.0",
41 |     "vue-loader": "^12.0.3",
42 |     "vue-template-compiler": "^2.3.3",
43 |     "webpack": "^2.5.1",
44 |     "webpack-dev-server": "^2.4.5"
45 |   },
46 |   "directories": {
47 |     "test": "test"
48 |   }
49 | }
50 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="container">
 3 |     <VueCardLayer :contents="contents"></VueCardLayer>
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 |   export default {
 9 |     data: () => {
10 |       return {
11 |         contents: [
12 |           {
13 |             title: 'Korea',
14 |             description: 'This is Korea flag',
15 |             path: '../assets/images/1.png'
16 |           },
17 |           {
18 |             title: 'USA',
19 |             description: 'This is USA flag',
20 |             path: '../assets/images/2.png'
21 |           },
22 |           {
23 |             title: 'UK',
24 |             description: 'This is UK flag',
25 |             path: '../assets/images/3.jpg'
26 |           },
27 |           {
28 |             title: 'Spain',
29 |             description: 'This is Spain flag',
30 |             path: '../assets/images/4.jpg'
31 |           },
32 |           {
33 |             title: 'Paraguay',
34 |             description: 'This is Paraguay flag',
35 |             path: '../assets/images/5.png'
36 |           },
37 |           {
38 |             title: 'Mexico',
39 |             description: 'This is Mexico flag',
40 |             path: '../assets/images/6.png'
41 |           },
42 |           {
43 |             title: 'France',
44 |             description: 'This is France flag',
45 |             path: '../assets/images/7.png'
46 |           },
47 |           {
48 |             title: 'Poland',
49 |             description: 'This is Poland flag',
50 |             path: '../assets/images/8.png'
51 |           },
52 |           {
53 |             title: 'Argentine',
54 |             description: 'This is Argentine flag',
55 |             path: '../assets/images/9.png'
56 |           },
57 |           {
58 |             title: 'India',
59 |             description: 'This is India flag',
60 |             path: '../assets/images/10.jpg'
61 |           }
62 |         ]
63 |       }
64 |     }
65 |   }
66 | </script>
67 | 
68 | <style lang="less">
69 |   body {
70 |     margin: 0;
71 |     padding: 0;
72 |   }
73 |   .container {
74 |     width: inherit;
75 |     height: inherit;
76 |     margin: 0;
77 |     padding: 0;
78 |   }
79 | </style>
80 | 


--------------------------------------------------------------------------------
/src/components/Card.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="card__container" :id="`card${index}`" ref="card_container" :style="styles" @click.prevent.stop="toggleCard(index)">
 3 |     <div class="card__image">
 4 |       <img :src="content.path" :alt="content.title">
 5 |     </div>
 6 |     <div class="card__content">
 7 |       <div class="card__title">{{ content.title }}</div>
 8 |       <div class="card__description">{{ content.description }}</div>
 9 |     </div>
10 |   </div>
11 | </template>
12 | 
13 | <script>
14 |   export default {
15 |     props: ['content', 'index', 'toggleCard', 'styles']
16 |   }
17 | </script>
18 | 
19 | <style lang="less" scoped>
20 |   .card__container {
21 |     display: inline-block;
22 |     margin: 30px 10px;
23 |     vertical-align: top;
24 |     background-color: #fff;
25 |     border-radius: 12px;
26 |     overflow: hidden;
27 |     opacity: 1;
28 |     -webkit-transition: opacity 0.5s ease-in-out;
29 |     transition: opacity 0.5s ease-in-out;
30 |     &.choice {
31 |       position: absolute;
32 |       top: 0;
33 |       left: 0;
34 |       width: 100% !important;
35 |       min-height: 1200px !important;
36 |       margin: 0;
37 |       -webkit-transition: width 0.75s, height 0.5s ease-in-out;
38 |       transition: width 0.75s, height 0.5s ease-in-out;
39 |       & > .card__image {
40 |         width: initial;
41 |         height: initial;
42 |       }
43 |     }
44 |     &.notChoice {
45 |       opacity: 0;
46 |       &.done {
47 |         display: none;
48 |       }
49 |     }
50 |     &:hover {
51 |       cursor: pointer;
52 |     }
53 |     & > .card__image {
54 |       width: 100%;
55 |       height: 74%;
56 |       font-size: 0;
57 |       & > img {
58 |         width: 100%;
59 |         height: 100%;
60 |         border-top-right-radius: 12px;
61 |         border-top-left-radius: 12px;
62 |       }
63 |     }
64 |     & > .card__content {
65 |       padding: 10px 20px;
66 |       border-top: 1px solid #DFDFDF;
67 |       font-family: 'Lato', sans-serif;
68 |       font-weight: 400;
69 |       & > .card__title {
70 |         font-size: 30px;
71 |         font-family: 'Lato', sans-serif;
72 |         font-weight: 400;
73 |       }
74 |       & > .card__description {
75 |         margin: 5px 0 0 0;
76 |         font-size: 15px;
77 |         font-family: 'Lato', sans-serif;
78 |         font-weight: 300;
79 |       }
80 |     }
81 |   }
82 | </style>
83 | 


--------------------------------------------------------------------------------
/src/components/CardList.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="card-list__container" :style="cardListStyles" key="card-list">
  3 |     <Card v-for="(content, index) in contents"
  4 |       :content="content"
  5 |       :styles="cardStyles"
  6 |       :index="index"
  7 |       :toggleCard="toggleCard"
  8 |       key="index"
  9 |       ></Card>
 10 |   </div>
 11 | </template>
 12 | 
 13 | <script>
 14 |   import Card from './Card.vue'
 15 | 
 16 |   export default {
 17 |     props: ['contents'],
 18 |     components: {
 19 |       Card
 20 |     },
 21 |     data: () => {
 22 |       return {
 23 |         config: null,
 24 |         cardStyles: null,
 25 |         cardListStyles: null,
 26 |         scrollPath: {
 27 |           x: 0,
 28 |           y: 0
 29 |         }
 30 |       }
 31 |     },
 32 |     methods: {
 33 |       _removeSpecificClassName(index, removeValue) {
 34 |         let choicedCard = this.$children[index].$refs.card_container
 35 |         choicedCard.className = choicedCard.className.split(' ').filter((v2) => {
 36 |           if (v2 === removeValue) {
 37 |             return false
 38 |           }
 39 |           return true
 40 |         }).join(' ')
 41 |       },
 42 |       toggleCard(index) {
 43 |         let choicedCard = this.$children[index].$refs.card_container
 44 |         if (choicedCard.className.includes("choice")) {
 45 |           this.contents.map((v, k) => {
 46 |             if (k !== index) {
 47 |               this._removeSpecificClassName(k, 'done')
 48 |             }
 49 |           })
 50 |           setTimeout(() => {
 51 |             this.contents.map((v, k) => {
 52 |               this._removeSpecificClassName(k, 'notChoice')
 53 |             })
 54 |           }, 500)
 55 |           this._removeSpecificClassName(index, 'choice')
 56 |           window.scrollTo(this.scrollPath.x, this.scrollPath.y)
 57 |           this.scrollPath.x = 0
 58 |           this.scrollPath.y = 0
 59 |         } else {
 60 |           this.scrollPath.x = window.scrollX
 61 |           this.scrollPath.y = window.scrollY
 62 |           return new Promise((resolve, reject) => {
 63 |             this.contents.map((v, k) => {
 64 |               this.$children[k].$refs.card_container.className += " notChoice"
 65 |             })
 66 |             setTimeout(() => {
 67 |               resolve()
 68 |             }, 1000)
 69 |           }).then(() => {
 70 |             window.scrollTo(0, 0)
 71 |             this.$children[index].$refs.card_container.className = "card__container choice"
 72 |           }).then(() => {
 73 |             setTimeout(() => {
 74 |               return this.contents.map((v, k) => {
 75 |                 if (k !== index) {
 76 |                   this.$children[k].$refs.card_container.className += " done"
 77 |                 }
 78 |               })
 79 |             }, 750)
 80 |           })
 81 |         }
 82 |       }
 83 |     },
 84 |     created() {
 85 |       this.config = this.$options.config
 86 |       this.cardStyles = {
 87 |         width: this.config.cardWidth,
 88 |         height: this.config.cardHeight
 89 |       }
 90 |       this.cardListStyles = {
 91 |         maxWidth: this.config.cardListMaxWidth
 92 |       }
 93 |     }
 94 |   }
 95 | </script>
 96 | 
 97 | <style lang="less" scoped>
 98 |   .card-list__container {
 99 |     width: inherit;
100 |     height: inherit;
101 |     margin: 0 auto;
102 |     background-color: #DFDFDF;
103 |   }
104 | </style>
105 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | 
 3 | import App from './App.vue'
 4 | import VueCardLayer from '../vue-card-layer'
 5 | 
 6 | Vue.use(VueCardLayer, {
 7 |   cardWidth: '364px',
 8 |   cardHeight: '340px',
 9 |   cardListMaxWidth: ''
10 | })
11 | 
12 | new Vue({
13 |   el: "#app",
14 |   render: h => h(App)
15 | })
16 | 


--------------------------------------------------------------------------------
/static/images/readme.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jicjjang/vue-card-layer/32cd023b99b8d126d1df9f4be37eb3cd4e4bd0ad/static/images/readme.gif


--------------------------------------------------------------------------------
/vue-card-layer.js:
--------------------------------------------------------------------------------
 1 | import CardList from './src/components/CardList.vue'
 2 | 
 3 | const VueCardLayer = {
 4 |   install (Vue, options) {
 5 |     Vue.component("VueCardLayer", {
 6 |       extends: CardList,
 7 |       config: Object.assign({
 8 |         cardWidth: '364px',
 9 |         cardHeight: '340px',
10 |         cardListMaxWidth: '1000px'
11 |       }, options)
12 |     })
13 |   }
14 | }
15 | 
16 | export default VueCardLayer
17 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | var path = require("path");
 2 | 
 3 | module.exports = {
 4 |   entry: "./src/index.js",
 5 |   output: {
 6 |     path: path.join(__dirname, './dist'),
 7 |     publicPath: "/dist/",
 8 |     filename: "vue-card-layer.js"
 9 |   },
10 |   module: {
11 |     loaders: [
12 |       {
13 |         test: /\.vue$/,
14 |         loader: 'vue-loader',
15 |         exclude: /node_modules/
16 |       },
17 |       {
18 |         test: /\.js$/,
19 |         loader: 'babel-loader',
20 |         exclude: /node_modules/
21 |       }
22 |     ]
23 |   }
24 | };
25 | 


--------------------------------------------------------------------------------
/webpack.dev.config.js:
--------------------------------------------------------------------------------
 1 | var path = require("path");
 2 | 
 3 | module.exports = {
 4 |   entry: "./src/index.js",
 5 |   output: {
 6 |     publicPath: "/demo/",
 7 |     filename: "bundle.js"
 8 |   },
 9 |   module: {
10 |     loaders: [
11 |       {
12 |         test: /\.vue$/,
13 |         loader: 'vue-loader',
14 |         exclude: /node_modules/
15 |       },
16 |       {
17 |         test: /\.less$/,
18 |         loader: 'less-loader',
19 |         exclude: /node_modules/
20 |       },
21 |       {
22 |         test: /\.js$/,
23 |         loader: 'babel-loader',
24 |         exclude: /node_modules/
25 |       }
26 |     ]
27 |   }
28 | };
29 | 


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