vue-notify-me

├── src ├── index.js ├── Notification.vue └── Notify.vue ├── .npmignore ├── .gitignore ├── dist ├── logo.png └── build.js ├── demo ├── assets │ └── logo.png ├── main.js └── App.vue ├── .babelrc ├── docs └── index.html ├── index.html ├── LICENSE.txt ├── package.json ├── webpack.config.js └── README.md /src/index.js: -------------------------------------------------------------------------------- 1 | module.exports = require('./Notify.vue'); -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .idea 3 | .DS_Store 4 | dist 5 | .babelrc -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | npm-debug.log 4 | yarn-error.log 5 | .idea -------------------------------------------------------------------------------- /dist/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PygmySlowLoris/vue-notify-me/HEAD/dist/logo.png -------------------------------------------------------------------------------- /demo/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PygmySlowLoris/vue-notify-me/HEAD/demo/assets/logo.png -------------------------------------------------------------------------------- /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["latest", { 4 | "es2015": { "modules": false } 5 | }] 6 | ] 7 | } 8 | -------------------------------------------------------------------------------- /demo/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | 4 | new Vue({ 5 | el: '#app', 6 | render: h => h(App) 7 | }) 8 | -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | vue-notify-me 8 | 9 | 10 |

11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | vue-notify-me 8 | 9 | 10 |

11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /LICENSE.txt: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) PygmySlowLoris Team 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 13 | all 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 21 | THE SOFTWARE. -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vue-notify-me", 3 | "version": "1.1.0", 4 | "description": "Stackable notification Alert for Vue", 5 | "main": "src/index.js", 6 | "repository": { 7 | "type": "git", 8 | "url": "https://github.com/PygmySlowLoris/vue-notify-me" 9 | }, 10 | "keywords": [ 11 | "vue", 12 | "notify", 13 | "notification", 14 | "notify me", 15 | "alert" 16 | ], 17 | "author": { 18 | "name": "PygmySlowLoris Team", 19 | "email": "team@pygmyslowloris.org", 20 | "url": "https://github.com/PygmySlowLoris" 21 | }, 22 | "contributors": [ 23 | "Eduardo Marcos (https://github.com/Edujugon)", 24 | "Guido Ceraso (https://github.com/hazzo)" 25 | ], 26 | "license": "MIT", 27 | "bugs": { 28 | "url": "https://github.com/PygmySlowLoris/vue-notify-me/issues" 29 | }, 30 | "homepage": "https://github.com/PygmySlowLoris/vue-notify-me#readme", 31 | "scripts": { 32 | "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", 33 | "build": "cross-env NODE_ENV=production webpack --progress --hide-modules", 34 | "prepublish": "npm run build" 35 | }, 36 | "dependencies": { 37 | "vue": "^2.2.1" 38 | }, 39 | "devDependencies": { 40 | "babel-core": "^6.0.0", 41 | "babel-loader": "^6.0.0", 42 | "babel-preset-latest": "^6.0.0", 43 | "cross-env": "^3.0.0", 44 | "css-loader": "^0.25.0", 45 | "file-loader": "^0.9.0", 46 | "url-loader": "^0.5.8", 47 | "vue-loader": "^11.1.4", 48 | "vue-template-compiler": "^2.2.1", 49 | "webpack": "^2.2.0", 50 | "webpack-dev-server": "^2.2.0" 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- 1 | var path = require('path') 2 | var webpack = require('webpack') 3 | 4 | module.exports = { 5 | entry: './demo/main.js', 6 | output: { 7 | path: path.resolve(__dirname, './dist'), 8 | publicPath: '/dist/', 9 | filename: 'build.js' 10 | }, 11 | module: { 12 | rules: [ 13 | { 14 | test: /\.vue$/, 15 | loader: 'vue-loader', 16 | options: { 17 | loaders: { 18 | } 19 | // other vue-loader options go here 20 | } 21 | }, 22 | { 23 | test: /\.js$/, 24 | loader: 'babel-loader', 25 | exclude: /node_modules/ 26 | }, 27 | { 28 | test: /\.(png|jpg|gif|svg)$/, 29 | loader: 'url-loader', 30 | options: { 31 | name: '[name].[ext]?[hash]' 32 | } 33 | } 34 | ] 35 | }, 36 | resolve: { 37 | alias: { 38 | 'vue$': 'vue/dist/vue.esm.js' 39 | } 40 | }, 41 | devServer: { 42 | historyApiFallback: true, 43 | noInfo: true 44 | }, 45 | performance: { 46 | hints: false 47 | }, 48 | devtool: '#eval-source-map' 49 | } 50 | 51 | if (process.env.NODE_ENV === 'production') { 52 | module.exports.devtool = '#source-map' 53 | // http://vue-loader.vuejs.org/en/workflow/production.html 54 | module.exports.plugins = (module.exports.plugins || []).concat([ 55 | new webpack.DefinePlugin({ 56 | 'process.env': { 57 | NODE_ENV: '"production"' 58 | } 59 | }), 60 | new webpack.optimize.UglifyJsPlugin({ 61 | sourceMap: true, 62 | compress: { 63 | warnings: false 64 | } 65 | }), 66 | new webpack.LoaderOptionsPlugin({ 67 | minimize: true 68 | }) 69 | ]) 70 | } 71 | -------------------------------------------------------------------------------- /src/Notification.vue: -------------------------------------------------------------------------------- 1 | 16 | 63 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # vue-notify-me 2 | 3 |

4 | 5 |

6 | 7 | Notification Alert for Vue. 8 | 9 | ## Features 10 | 11 | * Customizable template 12 | * Stackable notifications 13 | 14 | Live Demo 15 | 16 | ## Installation 17 | 18 | ```bash 19 | npm install vue-notify-me --save 20 | ``` 21 | 22 | ## Properties 23 | 24 | | Properties | Type | Values | 25 | | :--------------- | :------- | :--------- | 26 | | `event-bus` | Object | Central event Bus | 27 | | `event-show` (not required) | String | Default `notify-me`| 28 | | `event-hide` (not required) | String | Default `hide-notify-me`| 29 | | `close` (not required) | String | Default `bulma`, options: bootstrap or any other class for the closing icon| 30 | | `permanent` (not required) | Bool | Default false| 31 | | `container` (not required) | String | Default `notification`, (Class for the notification container)| 32 | | `status` (not required) | String | Default `is-success`, (Class for the notification status)| 33 | | `width` (not required) | String | Default `350px`. It's **mandatory** to set the **unit** for the width. For example: `rem`, `em`, `px` | 34 | | `timeout` (not required) | Number | Default `4000`. Value is in miliseconds. If notification is not `permanent` you can set the timeout for it | 35 | 36 | ## Examples 37 | 38 | Include the component in your .vue file. 39 | 40 | ```html 41 | 52 | ``` 53 | 54 | If you'd like to use the component in a SPA set a single template on your layout application 55 | and fire your notification through your central event bus. 56 | Set any available prop for the component like this: 57 | 58 | ```html 59 | 66 | 72 | 73 | ``` 74 | 75 | To show a notification just fire an event like this: 76 | 77 | ```js 78 | 104 | ``` 105 | 106 | You may also add any available prop through the event emitter: 107 | 108 | ```js 109 | this.bus.$emit('notify-me', { 110 | permanent: true, 111 | status: this.status, 112 | data: { 113 | title: 'The pygmy team :)', 114 | text: this.text 115 | } 116 | 117 | }); 118 | ``` 119 | 120 | Enjoy :) 121 | -------------------------------------------------------------------------------- /src/Notify.vue: -------------------------------------------------------------------------------- 1 | 20 | 105 | -------------------------------------------------------------------------------- /demo/App.vue: -------------------------------------------------------------------------------- 1 | 159 | 160 | 209 | 210 | 309 | -------------------------------------------------------------------------------- /dist/build.js: -------------------------------------------------------------------------------- 1 | !function(t){function e(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,e),i.l=!0,i.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=6)}([function(t,e){t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;en.parts.length&&(r.parts.length=n.parts.length)}else{for(var a=[],i=0;i=0&&Math.floor(e)===e&&isFinite(t)}function p(t){return null==t?"":"object"==typeof t?JSON.stringify(t,null,2):String(t)}function d(t){var e=parseFloat(t);return isNaN(e)?t:e}function A(t,e){for(var n=Object.create(null),r=t.split(","),i=0;i-1)return t.splice(n,1)}}function m(t,e){return no.call(t,e)}function h(t){var e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}function y(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 C(t){for(var e={},n=0;n0&&(a=vt(a,(e||"")+"_"+n),At(a[0])&&At(c)&&(u[l]=T(c.text+a[0].text),a.shift()),u.push.apply(u,a)):s(a)?At(c)?u[l]=T(c.text+a):""!==a&&u.push(T(a)):At(a)&&At(c)?u[l]=T(c.text+a.text):(o(t._isVList)&&i(a.tag)&&r(a.key)&&i(e)&&(a.key="__vlist"+e+"_"+n+"__"),u.push(a)));return u}function mt(t,e){return(t.__esModule||To&&"Module"===t[Symbol.toStringTag])&&(t=t.default),l(t)?e.extend(t):t}function ht(t,e,n,r,i){var o=Po();return o.asyncFactory=t,o.asyncMeta={data:e,context:n,children:r,tag:i},o}function yt(t,e,n){if(o(t.error)&&i(t.errorComp))return t.errorComp;if(i(t.resolved))return t.resolved;if(o(t.loading)&&i(t.loadingComp))return t.loadingComp;if(!i(t.contexts)){var a=t.contexts=[n],s=!0,c=function(){for(var t=0,e=a.length;tca&&ia[n].id>t.id;)n--;ia.splice(n+1,0,t)}else ia.push(t);sa||(sa=!0,at(Jt))}}function Mt(t){pa.clear(),Xt(t,pa)}function Xt(t,e){var n,r,i=Array.isArray(t);if((i||l(t))&&Object.isExtensible(t)){if(t.__ob__){var o=t.__ob__.dep.id;if(e.has(o))return;e.add(o)}if(i)for(n=t.length;n--;)Xt(t[n],e);else for(r=Object.keys(t),n=r.length;n--;)Xt(t[r[n]],e)}}function Zt(t,e,n){da.get=function(){return this[e][n]},da.set=function(t){this[e][n]=t},Object.defineProperty(t,n,da)}function Qt(t){t._watchers=[];var e=t.$options;e.props&&Nt(t,e.props),e.methods&&Gt(t,e.methods),e.data?Yt(t):O(t._data={},!0),e.computed&&zt(t,e.computed),e.watch&&e.watch!==xo&&_t(t,e.watch)}function Nt(t,e){var n=t.$options.propsData||{},r=t._props={},i=t.$options._propKeys=[],o=!t.$parent;Zo.shouldConvert=o;for(var a in e)!function(o){i.push(o);var a=G(o,e,n,t);F(r,o,a),o in t||Zt(t,"_props",o)}(a);Zo.shouldConvert=!0}function Yt(t){var e=t.$options.data;e=t._data="function"==typeof e?jt(e,t):e||{},c(e)||(e={});for(var n=Object.keys(e),r=t.$options.props,i=(t.$options.methods,n.length);i--;){var o=n[i];r&&m(r,o)||k(o)||Zt(t,"_data",o)}O(e,!0)}function jt(t,e){try{return t.call(e,e)}catch(t){return et(t,e,"data()"),{}}}function zt(t,e){var n=t._computedWatchers=Object.create(null),r=qo();for(var i in e){var o=e[i],a="function"==typeof o?o:o.get;r||(n[i]=new fa(t,a||L,L,Aa)),i in t||Ht(t,i,o)}}function Ht(t,e,n){var r=!qo();"function"==typeof n?(da.get=r?Dt(e):n,da.set=L):(da.get=n.get?r&&!1!==n.cache?Dt(e):n.get:L,da.set=n.set?n.set:L),Object.defineProperty(t,e,da)}function Dt(t){return function(){var e=this._computedWatchers&&this._computedWatchers[t];if(e)return e.dirty&&e.evaluate(),Ro.target&&e.depend(),e.value}}function Gt(t,e){t.$options.props;for(var n in e)t[n]=null==e[n]?L:y(e[n],t)}function _t(t,e){for(var n in e){var r=e[n];if(Array.isArray(r))for(var i=0;i=0||n.indexOf(t[i])<0)&&r.push(t[i]);return r}return t}function qe(t){this._init(t)}function Ue(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 Te(t){t.mixin=function(t){return this.options=H(this.options,t),this}}function Ke(t){t.cid=0;var e=1;t.extend=function(t){t=t||{};var n=this,r=n.cid,i=t._Ctor||(t._Ctor={});if(i[r])return i[r];var o=t.name||n.options.name,a=function(t){this._init(t)};return a.prototype=Object.create(n.prototype),a.prototype.constructor=a,a.cid=e++,a.options=H(n.options,t),a.super=n,a.options.props&&We(a),a.options.computed&&Re(a),a.extend=n.extend,a.mixin=n.mixin,a.use=n.use,fo.forEach(function(t){a[t]=n[t]}),o&&(a.options.components[o]=a),a.superOptions=n.options,a.extendOptions=t,a.sealedOptions=b({},a.options),i[r]=a,a}}function We(t){var e=t.options.props;for(var n in e)Zt(t.prototype,"_props",n)}function Re(t){var e=t.options.computed;for(var n in e)Ht(t.prototype,n,e[n])}function Je(t){fo.forEach(function(e){t[e]=function(t,n){return n?("component"===e&&c(n)&&(n.name=n.name||t,n=this.options._base.extend(n)),"directive"===e&&"function"==typeof n&&(n={bind:n,update:n}),this.options[e+"s"][t]=n,n):this.options[e+"s"][t]}})}function Oe(t){return t&&(t.Ctor.options.name||t.tag)}function Fe(t,e){return Array.isArray(t)?t.indexOf(e)>-1:"string"==typeof t?t.split(",").indexOf(e)>-1:!!u(t)&&t.test(e)}function Pe(t,e){var n=t.cache,r=t.keys,i=t._vnode;for(var o in n){var a=n[o];if(a){var s=Oe(a.componentOptions);s&&!e(s)&&Be(n,o,r,i)}}}function Be(t,e,n,r){var i=t[e];i&&i!==r&&i.componentInstance.$destroy(),t[e]=null,v(n,e)}function Me(t){for(var e=t.data,n=t,r=t;i(r.componentInstance);)r=r.componentInstance._vnode,r.data&&(e=Xe(r.data,e));for(;i(n=n.parent);)n.data&&(e=Xe(e,n.data));return Ze(e.staticClass,e.class)}function Xe(t,e){return{staticClass:Qe(t.staticClass,e.staticClass),class:i(t.class)?[t.class,e.class]:e.class}}function Ze(t,e){return i(t)||i(e)?Qe(t,Ne(e)):""}function Qe(t,e){return t?e?t+" "+e:t:e||""}function Ne(t){return Array.isArray(t)?Ye(t):l(t)?je(t):"string"==typeof t?t:""}function Ye(t){for(var e,n="",r=0,o=t.length;r-1?Ya[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:Ya[t]=/HTMLUnknownElement/.test(e.toString())}function De(t){if("string"==typeof t){var e=document.querySelector(t);return e||document.createElement("div")}return t}function Ge(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 _e(t,e){return document.createElementNS(Ma[t],e)}function $e(t){return document.createTextNode(t)}function tn(t){return document.createComment(t)}function en(t,e,n){t.insertBefore(e,n)}function nn(t,e){t.removeChild(e)}function rn(t,e){t.appendChild(e)}function on(t){return t.parentNode}function an(t){return t.nextSibling}function sn(t){return t.tagName}function ln(t,e){t.textContent=e}function cn(t,e,n){t.setAttribute(e,n)}function un(t,e){var n=t.data.ref;if(n){var r=t.context,i=t.componentInstance||t.elm,o=r.$refs;e?Array.isArray(o[n])?v(o[n],i):o[n]===i&&(o[n]=void 0):t.data.refInFor?Array.isArray(o[n])?o[n].indexOf(i)<0&&o[n].push(i):o[n]=[i]:o[n]=i}}function fn(t,e){return t.key===e.key&&(t.tag===e.tag&&t.isComment===e.isComment&&i(t.data)===i(e.data)&&pn(t,e)||o(t.isAsyncPlaceholder)&&t.asyncFactory===e.asyncFactory&&r(e.asyncFactory.error))}function pn(t,e){if("input"!==t.tag)return!0;var n,r=i(n=t.data)&&i(n=n.attrs)&&n.type,o=i(n=e.data)&&i(n=n.attrs)&&n.type;return r===o||ja(r)&&ja(o)}function dn(t,e,n){var r,o,a={};for(r=e;r<=n;++r)o=t[r].key,i(o)&&(a[o]=r);return a}function An(t,e){(t.data.directives||e.data.directives)&&vn(t,e)}function vn(t,e){var n,r,i,o=t===Da,a=e===Da,s=mn(t.data.directives,t.context),l=mn(e.data.directives,e.context),c=[],u=[];for(n in l)r=s[n],i=l[n],r?(i.oldValue=r.value,yn(i,"update",e,t),i.def&&i.def.componentUpdated&&u.push(i)):(yn(i,"bind",e,t),i.def&&i.def.inserted&&c.push(i));if(c.length){var f=function(){for(var n=0;n=0&&" "===(m=t.charAt(v));v--);m&&rs.test(m)||(u=!0)}}else void 0===o?(A=i+1,o=t.slice(0,i).trim()):e();if(void 0===o?o=t.slice(0,i).trim():0!==A&&e(),a)for(i=0;i-1?{exp:t.slice(0,ka),key:'"'+t.slice(ka+1)+'"'}:{exp:t,key:null};for(Sa=t,ka=Ia=wa=0;!Jn();)xa=Rn(),On(xa)?Pn(xa):91===xa&&Fn(xa);return{exp:t.slice(0,Ia),key:t.slice(Ia+1,wa)}}function Rn(){return Sa.charCodeAt(++ka)}function Jn(){return ka>=Va}function On(t){return 34===t||39===t}function Fn(t){var e=1;for(Ia=ka;!Jn();)if(t=Rn(),On(t))Pn(t);else if(91===t&&e++,93===t&&e--,0===e){wa=ka;break}}function Pn(t){for(var e=t;!Jn()&&(t=Rn())!==e;);}function Bn(t,e,n){Ea=n;var r=e.value,i=e.modifiers,o=t.tag,a=t.attrsMap.type;if(t.component)return Tn(t,r,i),!1;if("select"===o)Zn(t,r,i);else if("input"===o&&"checkbox"===a)Mn(t,r,i);else if("input"===o&&"radio"===a)Xn(t,r,i);else if("input"===o||"textarea"===o)Qn(t,r,i);else if(!Ao.isReservedTag(o))return Tn(t,r,i),!1;return!0}function Mn(t,e,n){var r=n&&n.number,i=qn(t,"value")||"null",o=qn(t,"true-value")||"true",a=qn(t,"false-value")||"false";kn(t,"checked","Array.isArray("+e+")?_i("+e+","+i+")>-1"+("true"===o?":("+e+")":":_q("+e+","+o+")")),En(t,"change","var $$a="+e+",$$el=$event.target,$$c=$$el.checked?("+o+"):("+a+");if(Array.isArray($$a)){var $$v="+(r?"_n("+i+")":i)+",$$i=_i($$a,$$v);if($$el.checked){$$i<0&&("+e+"=$$a.concat([$$v]))}else{$$i>-1&&("+e+"=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{"+Kn(e,"$$c")+"}",null,!0)}function Xn(t,e,n){var r=n&&n.number,i=qn(t,"value")||"null";i=r?"_n("+i+")":i,kn(t,"checked","_q("+e+","+i+")"),En(t,"change",Kn(e,i),null,!0)}function Zn(t,e,n){var r=n&&n.number,i='Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return '+(r?"_n(val)":"val")+"})",o="var $$selectedVal = "+i+";";o=o+" "+Kn(e,"$event.target.multiple ? $$selectedVal : $$selectedVal[0]"),En(t,"change",o,null,!0)}function Qn(t,e,n){var r=t.attrsMap.type,i=n||{},o=i.lazy,a=i.number,s=i.trim,l=!o&&"range"!==r,c=o?"change":"range"===r?is:"input",u="$event.target.value";s&&(u="$event.target.value.trim()"),a&&(u="_n("+u+")");var f=Kn(e,u);l&&(f="if($event.target.composing)return;"+f),kn(t,"value","("+e+")"),En(t,c,f,null,!0),(s||a)&&En(t,"blur","$forceUpdate()")}function Nn(t){if(i(t[is])){var e=bo?"change":"input";t[e]=[].concat(t[is],t[e]||[]),delete t[is]}i(t[os])&&(t.change=[].concat(t[os],t.change||[]),delete t[os])}function Yn(t,e,n){var r=qa;return function i(){null!==t.apply(null,arguments)&&zn(e,i,n,r)}}function jn(t,e,n,r,i){e=ot(e),n&&(e=Yn(e,t,r)),qa.addEventListener(t,e,ko?{capture:r,passive:i}:r)}function zn(t,e,n,r){(r||qa).removeEventListener(t,e._withTask||e,n)}function Hn(t,e){if(!r(t.data.on)||!r(e.data.on)){var n=e.data.on||{},i=t.data.on||{};qa=e.elm,Nn(n),lt(n,i,jn,zn,e.context)}}function Dn(t,e){if(!r(t.data.domProps)||!r(e.data.domProps)){var n,o,a=e.elm,s=t.data.domProps||{},l=e.data.domProps||{};i(l.__ob__)&&(l=e.data.domProps=b({},l));for(n in s)r(l[n])&&(a[n]="");for(n in l){if(o=l[n],"textContent"===n||"innerHTML"===n){if(e.children&&(e.children.length=0),o===s[n])continue;1===a.childNodes.length&&a.removeChild(a.childNodes[0])}if("value"===n){a._value=o;var c=r(o)?"":String(o);Gn(a,c)&&(a.value=c)}else a[n]=o}}}function Gn(t,e){return!t.composing&&("OPTION"===t.tagName||_n(t,e)||$n(t,e))}function _n(t,e){var n=!0;try{n=document.activeElement!==t}catch(t){}return n&&t.value!==e}function $n(t,e){var n=t.value,r=t._vModifiers;return i(r)&&r.number?d(n)!==d(e):i(r)&&r.trim?n.trim()!==e.trim():n!==e}function tr(t){var e=er(t.style);return t.staticStyle?b(t.staticStyle,e):e}function er(t){return Array.isArray(t)?C(t):"string"==typeof t?ls(t):t}function nr(t,e){var n,r={};if(e)for(var i=t;i.componentInstance;)i=i.componentInstance._vnode,i.data&&(n=tr(i.data))&&b(r,n);(n=tr(t.data))&&b(r,n);for(var o=t;o=o.parent;)o.data&&(n=tr(o.data))&&b(r,n);return r}function rr(t,e){var n=e.data,o=t.data;if(!(r(n.staticStyle)&&r(n.style)&&r(o.staticStyle)&&r(o.style))){var a,s,l=e.elm,c=o.staticStyle,u=o.normalizedStyle||o.style||{},f=c||u,p=er(e.data.style)||{};e.data.normalizedStyle=i(p.__ob__)?b({},p):p;var d=nr(e,!0);for(s in f)r(d[s])&&fs(l,s,"");for(s in d)(a=d[s])!==f[s]&&fs(l,s,null==a?"":a)}}function ir(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 or(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 ar(t){if(t){if("object"==typeof t){var e={};return!1!==t.css&&b(e,vs(t.name||"v")),b(e,t),e}return"string"==typeof t?vs(t):void 0}}function sr(t){Vs(function(){Vs(t)})}function lr(t,e){var n=t._transitionClasses||(t._transitionClasses=[]);n.indexOf(e)<0&&(n.push(e),ir(t,e))}function cr(t,e){t._transitionClasses&&v(t._transitionClasses,e),or(t,e)}function ur(t,e,n){var r=fr(t,e),i=r.type,o=r.timeout,a=r.propCount;if(!i)return n();var s=i===hs?bs:Ls,l=0,c=function(){t.removeEventListener(s,u),n()},u=function(e){e.target===t&&++l>=a&&c()};setTimeout(function(){l0&&(n=hs,u=a,f=o.length):e===ys?c>0&&(n=ys,u=c,f=l.length):(u=Math.max(a,c),n=u>0?a>c?hs:ys:null,f=n?n===hs?o.length:l.length:0),{type:n,timeout:u,propCount:f,hasTransform:n===hs&&Ss.test(r[gs+"Property"])}}function pr(t,e){for(;t.length1}function yr(t,e){!0!==e.data.show&&Ar(e)}function gr(t,e,n){br(t,e,n),(bo||Lo)&&setTimeout(function(){br(t,e,n)},0)}function br(t,e,n){var r=e.value,i=t.multiple;if(!i||Array.isArray(r)){for(var o,a,s=0,l=t.options.length;s-1,a.selected!==o&&(a.selected=o);else if(V(Lr(a),r))return void(t.selectedIndex!==s&&(t.selectedIndex=s));i||(t.selectedIndex=-1)}}function Cr(t,e){return e.every(function(e){return!V(e,t)})}function Lr(t){return"_value"in t?t._value:t.value}function Vr(t){t.target.composing=!0}function Sr(t){t.target.composing&&(t.target.composing=!1,xr(t.target,"input"))}function xr(t,e){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0),t.dispatchEvent(n)}function kr(t){return!t.componentInstance||t.data&&t.data.transition?t:kr(t.componentInstance._vnode)}function Ir(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?Ir(bt(e.children)):t}function wr(t){var e={},n=t.$options;for(var r in n.propsData)e[r]=t[r];var i=n._parentListeners;for(var o in i)e[io(o)]=i[o];return e}function Er(t,e){if(/\d-keep-alive$/.test(e.tag))return t("keep-alive",{props:e.componentOptions.propsData})}function qr(t){for(;t=t.parent;)if(t.data.transition)return!0}function Ur(t,e){return e.key===t.key&&e.tag===t.tag}function Tr(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function Kr(t){t.data.newPos=t.elm.getBoundingClientRect()}function Wr(t){var e=t.data.pos,n=t.data.newPos,r=e.left-n.left,i=e.top-n.top;if(r||i){t.data.moved=!0;var o=t.elm.style;o.transform=o.WebkitTransform="translate("+r+"px,"+i+"px)",o.transitionDuration="0s"}}function Rr(t,e){var n=e?Ms(e):Ps;if(n.test(t)){for(var r,i,o=[],a=n.lastIndex=0;r=n.exec(t);){i=r.index,i>a&&o.push(JSON.stringify(t.slice(a,i)));var s=Ln(r[1].trim());o.push("_s("+s+")"),a=i+r[0].length}return a=0&&a[i].lowerCasedTag!==s;i--);else i=0;if(i>=0){for(var l=a.length-1;l>=i;l--)e.end&&e.end(a[l].tag,n,r);a.length=i,o=i&&a[i-1].tag}else"br"===s?e.start&&e.start(t,[],!0,n,r):"p"===s&&(e.start&&e.start(t,[],!1,n,r),e.end&&e.end(t,n,r))}for(var i,o,a=[],s=e.expectHTML,l=e.isUnaryTag||lo,c=e.canBeLeftOpenTag||lo,u=0;t;){if(i=t,o&&Al(o)){var f=0,p=o.toLowerCase(),d=vl[p]||(vl[p]=new RegExp("([\\s\\S]*?)(]*>)","i")),A=t.replace(d,function(t,n,r){return f=r.length,Al(p)||"noscript"===p||(n=n.replace(//g,"$1").replace(//g,"$1")),bl(p,n)&&(n=n.slice(1)),e.chars&&e.chars(n),""});u+=t.length-A.length,t=A,r(p,u-f,u)}else{var v=t.indexOf("<");if(0===v){if(el.test(t)){var m=t.indexOf("--\x3e");if(m>=0){e.shouldKeepComment&&e.comment(t.substring(4,m)),n(m+3);continue}}if(nl.test(t)){var h=t.indexOf("]>");if(h>=0){n(h+2);continue}}var y=t.match(tl);if(y){n(y[0].length);continue}var g=t.match($s);if(g){var b=u;n(g[0].length),r(g[1],b,u);continue}var C=function(){var e=t.match(Gs);if(e){var r={tagName:e[1],attrs:[],start:u};n(e[0].length);for(var i,o;!(i=t.match(_s))&&(o=t.match(zs));)n(o[0].length),r.attrs.push(o);if(i)return r.unarySlash=i[1],n(i[0].length),r.end=u,r}}();if(C){!function(t){var n=t.tagName,i=t.unarySlash;s&&("p"===o&&js(n)&&r(o),c(n)&&o===n&&r(n));for(var u=l(n)||!!i,f=t.attrs.length,p=new Array(f),d=0;d=0){for(V=t.slice(v);!($s.test(V)||Gs.test(V)||el.test(V)||nl.test(V)||(S=V.indexOf("<",1))<0);)v+=S,V=t.slice(v);L=t.substring(0,v),n(v)}v<0&&(L=t,t=""),e.chars&&L&&e.chars(L)}if(t===i){e.chars&&e.chars(t);break}}r()}function Xr(t,e,n){return{type:1,tag:t,attrsList:e,attrsMap:ai(e),parent:n,children:[]}}function Zr(t,e){function n(t){t.pre&&(s=!1),cl(t.tag)&&(l=!1)}il=e.warn||Sn,cl=e.isPreTag||lo,ul=e.mustUseProp||lo,fl=e.getTagNamespace||lo,al=xn(e.modules,"transformNode"),sl=xn(e.modules,"preTransformNode"),ll=xn(e.modules,"postTransformNode"),ol=e.delimiters;var r,i,o=[],a=!1!==e.preserveWhitespace,s=!1,l=!1;return Mr(t,{warn:il,expectHTML:e.expectHTML,isUnaryTag:e.isUnaryTag,canBeLeftOpenTag:e.canBeLeftOpenTag,shouldDecodeNewlines:e.shouldDecodeNewlines,shouldKeepComment:e.comments,start:function(t,a,c){var u=i&&i.ns||fl(t);bo&&"svg"===u&&(a=ci(a));var f=Xr(t,a,i);u&&(f.ns=u),li(f)&&!qo()&&(f.forbidden=!0);for(var p=0;p0,Lo=go&&go.indexOf("edge/")>0,Vo=go&&go.indexOf("android")>0,So=go&&/iphone|ipad|ipod|ios/.test(go),xo=(go&&/chrome\/\d+/.test(go),{}.watch),ko=!1;if(yo)try{var Io={};Object.defineProperty(Io,"passive",{get:function(){ko=!0}}),window.addEventListener("test-passive",null,Io)}catch(t){}var wo,Eo,qo=function(){return void 0===wo&&(wo=!yo&&void 0!==t&&"server"===t.process.env.VUE_ENV),wo},Uo=yo&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,To="undefined"!=typeof Symbol&&E(Symbol)&&"undefined"!=typeof Reflect&&E(Reflect.ownKeys);Eo="undefined"!=typeof Set&&E(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 Ko=L,Wo=0,Ro=function(){this.id=Wo++,this.subs=[]};Ro.prototype.addSub=function(t){this.subs.push(t)},Ro.prototype.removeSub=function(t){v(this.subs,t)},Ro.prototype.depend=function(){Ro.target&&Ro.target.addDep(this)},Ro.prototype.notify=function(){for(var t=this.subs.slice(),e=0,n=t.length;e1?g(n):n;for(var r=g(arguments,1),i=0,o=n.length;iparseInt(this.max)&&Be(i,o[0],o,this._vnode)),t.data.keepAlive=!0}return t}},La={KeepAlive:Ca};!function(t){var e={};e.get=function(){return Ao},Object.defineProperty(t,"config",e),t.util={warn:Ko,extend:b,mergeOptions:H,defineReactive:F},t.set=P,t.delete=B,t.nextTick=at,t.options=Object.create(null),fo.forEach(function(e){t.options[e+"s"]=Object.create(null)}),t.options._base=t,b(t.options.components,La),Ue(t),Te(t),Ke(t),Je(t)}(qe),Object.defineProperty(qe.prototype,"$isServer",{get:qo}),Object.defineProperty(qe.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),qe.version="2.5.2";var Va,Sa,xa,ka,Ia,wa,Ea,qa,Ua,Ta=A("style,class"),Ka=A("input,textarea,option,select,progress"),Wa=function(t,e,n){return"value"===n&&Ka(t)&&"button"!==e||"selected"===n&&"option"===t||"checked"===n&&"input"===t||"muted"===n&&"video"===t},Ra=A("contenteditable,draggable,spellcheck"),Ja=A("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"),Oa="http://www.w3.org/1999/xlink",Fa=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},Pa=function(t){return Fa(t)?t.slice(6,t.length):""},Ba=function(t){return null==t||!1===t},Ma={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},Xa=A("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"),Za=A("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),Qa=function(t){return"pre"===t},Na=function(t){return Xa(t)||Za(t)},Ya=Object.create(null),ja=A("text,number,password,search,email,tel,url"),za=Object.freeze({createElement:Ge,createElementNS:_e,createTextNode:$e,createComment:tn,insertBefore:en,removeChild:nn,appendChild:rn,parentNode:on,nextSibling:an,tagName:sn,setTextContent:ln,setAttribute:cn}),Ha={create:function(t,e){un(e)},update:function(t,e){t.data.ref!==e.data.ref&&(un(t,!0),un(e))},destroy:function(t){un(t,!0)}},Da=new Oo("",{},[]),Ga=["create","activate","update","remove","destroy"],_a={create:An,update:An,destroy:function(t){An(t,Da)}},$a=Object.create(null),ts=[Ha,_a],es={create:gn,update:gn},ns={create:Cn,update:Cn},rs=/[\w).+\-_$\]]/,is="__r",os="__c",as={create:Hn,update:Hn},ss={create:Dn,update:Dn},ls=h(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}),cs=/^--/,us=/\s*!important$/,fs=function(t,e,n){if(cs.test(e))t.style.setProperty(e,n);else if(us.test(n))t.style.setProperty(e,n.replace(us,""),"important");else{var r=ds(e);if(Array.isArray(n))for(var i=0,o=n.length;iA?(f=r(n[h+1])?null:n[h+1].elm,y(t,f,n,d,h,o)):d>h&&b(t,e,p,A)}function V(t,e,n,r){for(var o=n;o',n.innerHTML.indexOf(e)>0}("\n"," "),Ps=/\{\{((?:.|\n)+?)\}\}/g,Bs=/[-.*+?^${}()|[\]\/\\]/g,Ms=h(function(t){var e=t[0].replace(Bs,"\\$&"),n=t[1].replace(Bs,"\\$&");return new RegExp(e+"((?:.|\\n)+?)"+n,"g")}),Xs={staticKeys:["staticClass"],transformNode:Jr,genData:Or},Zs={staticKeys:["staticStyle"],transformNode:Fr,genData:Pr},Qs={decode:function(t){return Os=Os||document.createElement("div"),Os.innerHTML=t,Os.textContent}},Ns=A("area,base,br,col,embed,frame,hr,img,input,isindex,keygen,link,meta,param,source,track,wbr"),Ys=A("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source"),js=A("address,article,aside,base,blockquote,body,caption,col,colgroup,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,title,tr,track"),zs=/^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,Hs="[a-zA-Z_][\\w\\-\\.]*",Ds="((?:"+Hs+"\\:)?"+Hs+")",Gs=new RegExp("^<"+Ds),_s=/^\s*(\/?)>/,$s=new RegExp("^<\\/"+Ds+"[^>]*>"),tl=/^]+>/i,el=/^

{{data.title}}

{{data.title}}

27 | {{componentName}} 28 |

31 | A Vue Component 32 | 33 | 34 | Star 36 | 37 |

{{data.title}}