├── .all-contributorsrc ├── .browserslistrc ├── .eslintrc.js ├── .gitignore ├── .travis.yml ├── CHANGELOG.md ├── CODE_OF_CONDUCT.md ├── LICENSE ├── Makefile ├── README.md ├── babel.config.js ├── coverage ├── clover.xml ├── coverage-final.json ├── lcov-report │ ├── base.css │ ├── index.html │ ├── index.vue.html │ ├── prettify.css │ ├── prettify.js │ ├── sort-arrow-sprite.png │ └── sorter.js └── lcov.info ├── docs ├── base.css ├── favicon.ico ├── index.html └── js │ ├── app.421856e5.js │ ├── app.421856e5.js.map │ ├── chunk-vendors.81b4fa07.js │ └── chunk-vendors.81b4fa07.js.map ├── jest.config.js ├── package-lock.json ├── package.json ├── postcss.config.js ├── public ├── base.css ├── favicon.ico └── index.html ├── src ├── App.vue ├── index.js ├── index.scss ├── index.vue └── main.js ├── tests └── unit │ ├── .eslintrc.js │ └── example.spec.js └── vue.config.js /.all-contributorsrc: -------------------------------------------------------------------------------- 1 | { 2 | "files": [ 3 | "README.md" 4 | ], 5 | "imageSize": 100, 6 | "commit": false, 7 | "contributors": [ 8 | { 9 | "login": "dreambo8563", 10 | "name": "Vincent Guo", 11 | "avatar_url": "https://avatars2.githubusercontent.com/u/6948318?v=4", 12 | "profile": "https://dreambo8563.github.io/", 13 | "contributions": [ 14 | "code", 15 | "doc", 16 | "infra" 17 | ] 18 | } 19 | ], 20 | "contributorsPerLine": 7, 21 | "projectName": "vue-particle-effect-buttons", 22 | "projectOwner": "dreambo8563", 23 | "repoType": "github", 24 | "repoHost": "https://github.com" 25 | } 26 | -------------------------------------------------------------------------------- /.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { 4 | node: true 5 | }, 6 | extends: ["plugin:vue/essential", "@vue/prettier"], 7 | rules: { 8 | "no-console": process.env.NODE_ENV === "production" ? "error" : "off", 9 | "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off" 10 | }, 11 | parserOptions: { 12 | parser: "babel-eslint" 13 | }, 14 | overrides: [ 15 | { 16 | files: ["**/__tests__/*.{j,t}s?(x)"], 17 | env: { 18 | jest: true 19 | } 20 | } 21 | ] 22 | }; 23 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw? 22 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | node_js: 3 | - "lts/*" 4 | install: 5 | - npm i 6 | - npm install -g codecov 7 | before_install: 8 | - npm i -g npm@latest 9 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | 2 | ## [1.0.4](https://github.com/dreambo8563/vue-particle-effect-buttons/compare/v1.0.3...v1.0.4) (2019-08-22) 3 | 4 | 5 | ### Bug Fixes 6 | 7 | * **base.css:** fixd page too wide on windows ([b37bee5](https://github.com/dreambo8563/vue-particle-effect-buttons/commit/b37bee5)) 8 | 9 | 10 | 11 | 12 | ## [1.0.3](https://github.com/dreambo8563/vue-particle-effect-buttons/compare/v1.0.2-beta.0...v1.0.3) (2019-04-28) 13 | 14 | 15 | ### Bug Fixes 16 | 17 | * **log:** rm log ([f93f050](https://github.com/dreambo8563/vue-particle-effect-buttons/commit/f93f050)) 18 | 19 | 20 | 21 | 22 | ## [1.0.2-beta.0](https://github.com/dreambo8563/vue-particle-effect-buttons/compare/v1.0.1...v1.0.2-beta.0) (2019-04-28) 23 | 24 | 25 | 26 | 27 | ## [1.0.1](https://github.com/dreambo8563/vue-particle-effect-buttons/compare/v1.0.0...v1.0.1) (2019-04-26) 28 | 29 | 30 | 31 | 32 | # [1.0.0](https://github.com/dreambo8563/vue-particle-effect-buttons/compare/v0.1.3...v1.0.0) (2019-04-25) 33 | 34 | 35 | ### Features 36 | 37 | * **implement:** almost done ([cd505a4](https://github.com/dreambo8563/vue-particle-effect-buttons/commit/cd505a4)) 38 | 39 | 40 | 41 | 42 | ## [0.1.3](https://github.com/dreambo8563/vue-particle-effect-buttons/compare/v0.1.2...v0.1.3) (2019-04-25) 43 | 44 | 45 | ### Bug Fixes 46 | 47 | * **dup complete event:** buttonVisible ([6ef89f3](https://github.com/dreambo8563/vue-particle-effect-buttons/commit/6ef89f3)) 48 | 49 | 50 | 51 | 52 | ## [0.1.2](https://github.com/dreambo8563/vue-particle-effect-buttons/compare/v0.1.1...v0.1.2) (2019-04-24) 53 | 54 | 55 | ### Bug Fixes 56 | 57 | * **rename:** to vue-particle-effect-buttons to resolve conflict ([926e056](https://github.com/dreambo8563/vue-particle-effect-buttons/commit/926e056)) 58 | 59 | 60 | 61 | 62 | ## [0.1.1](https://github.com/dreambo8563/vue-particle-effect-buttons/compare/b3f6a61...v0.1.1) (2019-04-24) 63 | 64 | 65 | ### Features 66 | 67 | * **implement:** basic implement and ci ([b3f6a61](https://github.com/dreambo8563/vue-particle-effect-buttons/commit/b3f6a61)) 68 | 69 | 70 | 71 | -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | In the interest of fostering an open and welcoming environment, we as 6 | contributors and maintainers pledge to making participation in our project and 7 | our community a harassment-free experience for everyone, regardless of age, body 8 | size, disability, ethnicity, sex characteristics, gender identity and expression, 9 | level of experience, education, socio-economic status, nationality, personal 10 | appearance, race, religion, or sexual identity and orientation. 11 | 12 | ## Our Standards 13 | 14 | Examples of behavior that contributes to creating a positive environment 15 | include: 16 | 17 | * Using welcoming and inclusive language 18 | * Being respectful of differing viewpoints and experiences 19 | * Gracefully accepting constructive criticism 20 | * Focusing on what is best for the community 21 | * Showing empathy towards other community members 22 | 23 | Examples of unacceptable behavior by participants include: 24 | 25 | * The use of sexualized language or imagery and unwelcome sexual attention or 26 | advances 27 | * Trolling, insulting/derogatory comments, and personal or political attacks 28 | * Public or private harassment 29 | * Publishing others' private information, such as a physical or electronic 30 | address, without explicit permission 31 | * Other conduct which could reasonably be considered inappropriate in a 32 | professional setting 33 | 34 | ## Our Responsibilities 35 | 36 | Project maintainers are responsible for clarifying the standards of acceptable 37 | behavior and are expected to take appropriate and fair corrective action in 38 | response to any instances of unacceptable behavior. 39 | 40 | Project maintainers have the right and responsibility to remove, edit, or 41 | reject comments, commits, code, wiki edits, issues, and other contributions 42 | that are not aligned to this Code of Conduct, or to ban temporarily or 43 | permanently any contributor for other behaviors that they deem inappropriate, 44 | threatening, offensive, or harmful. 45 | 46 | ## Scope 47 | 48 | This Code of Conduct applies both within project spaces and in public spaces 49 | when an individual is representing the project or its community. Examples of 50 | representing a project or community include using an official project e-mail 51 | address, posting via an official social media account, or acting as an appointed 52 | representative at an online or offline event. Representation of a project may be 53 | further defined and clarified by project maintainers. 54 | 55 | ## Enforcement 56 | 57 | Instances of abusive, harassing, or otherwise unacceptable behavior may be 58 | reported by contacting the project team at dreambo8563@outlook.com. All 59 | complaints will be reviewed and investigated and will result in a response that 60 | is deemed necessary and appropriate to the circumstances. The project team is 61 | obligated to maintain confidentiality with regard to the reporter of an incident. 62 | Further details of specific enforcement policies may be posted separately. 63 | 64 | Project maintainers who do not follow or enforce the Code of Conduct in good 65 | faith may face temporary or permanent repercussions as determined by other 66 | members of the project's leadership. 67 | 68 | ## Attribution 69 | 70 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, 71 | available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html 72 | 73 | [homepage]: https://www.contributor-covenant.org 74 | 75 | For answers to common questions about this code of conduct, see 76 | https://www.contributor-covenant.org/faq 77 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2019 Vincent Guo 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 | -------------------------------------------------------------------------------- /Makefile: -------------------------------------------------------------------------------- 1 | lint: 2 | npm run lint 3 | local: 4 | npm run serve 5 | build: 6 | npm run build 7 | pages: 8 | npm run pages 9 | report: 10 | npm run report 11 | test: 12 | npm run test -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # vue-particle-effect-buttons ([demo](https://dreambo8563.github.io/vue-particle-effect-buttons/)) 2 | 3 | [![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors) 4 | [![Codacy Badge](https://api.codacy.com/project/badge/Grade/9b0f0d5882e1417e8cb42b7e507bff05)](https://app.codacy.com/app/dreambo8563/vue-particle-effect-buttons?utm_source=github.com&utm_medium=referral&utm_content=dreambo8563/vue-particle-effect-buttons&utm_campaign=Badge_Grade_Dashboard) 5 | [![Greenkeeper badge](https://badges.greenkeeper.io/dreambo8563/vue-particle-effect-buttons.svg)](https://greenkeeper.io/) 6 | [![Build Status](https://travis-ci.org/dreambo8563/vue-particle-effect-buttons.svg?branch=master)](https://travis-ci.org/dreambo8563/vue-particle-effect-buttons) 7 | [![Known Vulnerabilities](https://snyk.io/test/github/dreambo8563/vue-particle-effect-buttons/badge.svg?targetFile=package.json)](https://snyk.io/test/github/dreambo8563/vue-particle-effect-buttons?targetFile=package.json) 8 | [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) 9 | ![npm](https://img.shields.io/npm/dt/vue-particle-effect-buttons.svg?style=flat) 10 | 11 | > Bursting particle effect buttons for Vue. 12 | 13 | This library is a Vue portal of an awesome [Codrops Article](https://tympanus.net/codrops/2018/04/25/particle-effects-for-buttons/) by [Luis Manuel](https://tympanus.net/codrops/author/luis/) (original [source](https://github.com/codrops/ParticleEffectsButtons/)). 14 | 15 | ## Install 16 | 17 | ```bash 18 | npm install --save animejs vue-particle-effect-buttons 19 | ``` 20 | 21 | ## Usage 22 | 23 | Check out the [Demo](https://dreambo8563.github.io/vue-particle-effect-buttons/) to see it in action. 24 | 25 | ```js 26 | 40 | 41 | 72 | ``` 73 | 74 | Note that `children` can be anything, The `children` should represent the button's contents. 75 | 76 | You change the `visible` boolean prop to kick-off an animation, typically as a result of a click on the button's contents. If `visible` changes to `false`, the button will perform a disintegrating animation. If `visible` changes to `true`, it will reverse and reintegrate the original content. 77 | 78 | ## Props 79 | 80 | | Property | Type | Default | Description | 81 | | :--------------------------- | :------------------ | :--------------- | :--------------------------------------------------------------------------------------------------------- | 82 | | `visible` | boolean | true | Whether button should be hidden or visible. Changing this prop starts an animation. support .sync modifier | 83 | | `animating` | boolean | false | Get the current status of animating or end of the animation. support .sync modifier | | 84 | | `cls` | string/Object/Arrar | noop | The class to change the default button styles | 85 | | `duration` | number | 1000 | Animation duration in milliseconds. | 86 | | `easing` | string | 'easeInOutCubic' | Animation easing. | 87 | | `type` | string | circle | 'circle' or 'rectangle' or 'triangle' | 88 | | `style` | string | fill | 'fill' or 'stroke' | 89 | | `direction` | string | 'left' | 'left' or 'right' or 'top' or 'bottom' | 90 | | `canvasPadding` | number | 150 | Amount of extra padding to add to the canvas since the animation will overflow the content's bounds | 91 | | `size` | number | func | random(4) | Particle size. May be a static number or a function which returns numbers. | 92 | | `speed` | number | func | random(4) | Particle speed. May be a static number or a function which returns numbers. | 93 | | `particlesAmountCoefficient` | number | 3 | Increases or decreases the relative number of particles | 94 | | `oscillationCoefficient` | number | 20 | Increases or decreases the relative curvature of particles | 95 | | `onBegin` | func | noop | Callback to be notified once an animation starts. | 96 | | `onComplete` | func | noop | Callback to be notified once an animation completes. | 97 | 98 | I tried to keep the properties exactly the same as in the original codrops version. 99 | 100 | ## Slots 101 | 102 | | Property | Type | Default | Description | 103 | | :-------- | :--- | :---------------------- | :------------------------ | 104 | | `default` | slot | the string of 'content' | the content of the button | 105 | 106 | ## Related 107 | 108 | - [anime.js](http://animejs.com/) - Underlying animation engine. 109 | - [ParticleEffectsButtons](https://github.com/codrops/ParticleEffectsButtons/) - Original source this library is based on. 110 | - [Codrops Article](https://tympanus.net/codrops/2018/04/25/particle-effects-for-buttons/) - Original article this library is based on. 111 | 112 | ## Contributors 113 | 114 | Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)): 115 | 116 | 117 | 118 |
Vincent Guo
Vincent Guo
💻 📖 🚇
119 | 120 | 121 | 122 | This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome! 123 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | [ 4 | "@vue/app", 5 | { 6 | useBuiltIns: false 7 | } 8 | ] 9 | ] 10 | }; 11 | -------------------------------------------------------------------------------- /coverage/clover.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | -------------------------------------------------------------------------------- /coverage/coverage-final.json: -------------------------------------------------------------------------------- 1 | {"/Users/vincent/Documents/Vincent/vue-particle-effect-buttons/src/index.vue": {"path":"/Users/vincent/Documents/Vincent/vue-particle-effect-buttons/src/index.vue","statementMap":{"0":{"start":{"line":27,"column":0},"end":{"line":null,"column":-1}},"1":{"start":{"line":30,"column":0},"end":{"line":null,"column":-1}},"2":{"start":{"line":32,"column":0},"end":{"line":null,"column":-1}},"3":{"start":{"line":35,"column":0},"end":{"line":null,"column":-1}},"4":{"start":{"line":38,"column":0},"end":{"line":null,"column":-1}},"5":{"start":{"line":42,"column":0},"end":{"line":null,"column":-1}},"6":{"start":{"line":46,"column":0},"end":{"line":48,"column":0}},"7":{"start":{"line":47,"column":0},"end":{"line":null,"column":-1}},"8":{"start":{"line":52,"column":0},"end":{"line":null,"column":-1}},"9":{"start":{"line":56,"column":0},"end":{"line":null,"column":-1}},"10":{"start":{"line":64,"column":0},"end":{"line":null,"column":-1}},"11":{"start":{"line":67,"column":0},"end":{"line":null,"column":-1}},"12":{"start":{"line":77,"column":0},"end":{"line":null,"column":-1}},"13":{"start":{"line":94,"column":0},"end":{"line":null,"column":-1}},"14":{"start":{"line":110,"column":0},"end":{"line":null,"column":-1}},"15":{"start":{"line":111,"column":0},"end":{"line":null,"column":-1}},"16":{"start":{"line":112,"column":0},"end":{"line":null,"column":-1}},"17":{"start":{"line":116,"column":0},"end":{"line":null,"column":-1}},"18":{"start":{"line":117,"column":0},"end":{"line":null,"column":-1}},"19":{"start":{"line":118,"column":0},"end":{"line":null,"column":-1}},"20":{"start":{"line":121,"column":0},"end":{"line":144,"column":0}},"21":{"start":{"line":123,"column":0},"end":{"line":null,"column":-1}},"22":{"start":{"line":125,"column":0},"end":{"line":127,"column":0}},"23":{"start":{"line":126,"column":0},"end":{"line":null,"column":-1}},"24":{"start":{"line":128,"column":0},"end":{"line":null,"column":-1}},"25":{"start":{"line":129,"column":0},"end":{"line":null,"column":-1}},"26":{"start":{"line":131,"column":0},"end":{"line":null,"column":-1}},"27":{"start":{"line":132,"column":0},"end":{"line":138,"column":0}},"28":{"start":{"line":133,"column":0},"end":{"line":null,"column":-1}},"29":{"start":{"line":134,"column":0},"end":{"line":null,"column":-1}},"30":{"start":{"line":135,"column":0},"end":{"line":137,"column":0}},"31":{"start":{"line":136,"column":0},"end":{"line":null,"column":-1}},"32":{"start":{"line":139,"column":0},"end":{"line":null,"column":-1}},"33":{"start":{"line":141,"column":0},"end":{"line":143,"column":0}},"34":{"start":{"line":142,"column":0},"end":{"line":null,"column":-1}},"35":{"start":{"line":147,"column":0},"end":{"line":null,"column":-1}},"36":{"start":{"line":148,"column":0},"end":{"line":null,"column":-1}},"37":{"start":{"line":149,"column":0},"end":{"line":159,"column":0}},"38":{"start":{"line":150,"column":0},"end":{"line":null,"column":-1}},"39":{"start":{"line":152,"column":0},"end":{"line":null,"column":-1}},"40":{"start":{"line":156,"column":0},"end":{"line":null,"column":-1}},"41":{"start":{"line":162,"column":0},"end":{"line":null,"column":-1}},"42":{"start":{"line":170,"column":0},"end":{"line":172,"column":0}},"43":{"start":{"line":171,"column":0},"end":{"line":null,"column":-1}},"44":{"start":{"line":177,"column":0},"end":{"line":null,"column":-1}},"45":{"start":{"line":178,"column":0},"end":{"line":null,"column":-1}},"46":{"start":{"line":183,"column":0},"end":{"line":null,"column":-1}},"47":{"start":{"line":184,"column":0},"end":{"line":null,"column":-1}},"48":{"start":{"line":187,"column":0},"end":{"line":null,"column":-1}},"49":{"start":{"line":190,"column":0},"end":{"line":null,"column":-1}},"50":{"start":{"line":191,"column":0},"end":{"line":null,"column":-1}},"51":{"start":{"line":192,"column":0},"end":{"line":null,"column":-1}},"52":{"start":{"line":193,"column":0},"end":{"line":null,"column":-1}},"53":{"start":{"line":196,"column":0},"end":{"line":206,"column":0}},"54":{"start":{"line":197,"column":0},"end":{"line":null,"column":-1}},"55":{"start":{"line":202,"column":0},"end":{"line":null,"column":-1}},"56":{"start":{"line":207,"column":0},"end":{"line":null,"column":-1}},"57":{"start":{"line":211,"column":0},"end":{"line":null,"column":-1}},"58":{"start":{"line":212,"column":0},"end":{"line":219,"column":0}},"59":{"start":{"line":213,"column":0},"end":{"line":218,"column":0}},"60":{"start":{"line":214,"column":0},"end":{"line":null,"column":-1}},"61":{"start":{"line":220,"column":0},"end":{"line":223,"column":0}},"62":{"start":{"line":221,"column":0},"end":{"line":null,"column":-1}},"63":{"start":{"line":222,"column":0},"end":{"line":null,"column":-1}},"64":{"start":{"line":226,"column":0},"end":{"line":null,"column":-1}},"65":{"start":{"line":227,"column":0},"end":{"line":null,"column":-1}},"66":{"start":{"line":230,"column":0},"end":{"line":null,"column":-1}},"67":{"start":{"line":233,"column":0},"end":{"line":null,"column":-1}},"68":{"start":{"line":251,"column":0},"end":{"line":253,"column":0}},"69":{"start":{"line":252,"column":0},"end":{"line":null,"column":-1}},"70":{"start":{"line":254,"column":0},"end":{"line":null,"column":-1}},"71":{"start":{"line":257,"column":0},"end":{"line":null,"column":-1}},"72":{"start":{"line":258,"column":0},"end":{"line":null,"column":-1}},"73":{"start":{"line":259,"column":0},"end":{"line":264,"column":0}},"74":{"start":{"line":260,"column":0},"end":{"line":262,"column":0}},"75":{"start":{"line":261,"column":0},"end":{"line":null,"column":-1}},"76":{"start":{"line":263,"column":0},"end":{"line":null,"column":-1}},"77":{"start":{"line":267,"column":0},"end":{"line":289,"column":0}},"78":{"start":{"line":268,"column":0},"end":{"line":270,"column":0}},"79":{"start":{"line":269,"column":0},"end":{"line":null,"column":-1}},"80":{"start":{"line":271,"column":0},"end":{"line":273,"column":0}},"81":{"start":{"line":272,"column":0},"end":{"line":null,"column":-1}},"82":{"start":{"line":274,"column":0},"end":{"line":null,"column":-1}},"83":{"start":{"line":275,"column":0},"end":{"line":null,"column":-1}},"84":{"start":{"line":276,"column":0},"end":{"line":null,"column":-1}},"85":{"start":{"line":277,"column":0},"end":{"line":286,"column":0}},"86":{"start":{"line":278,"column":0},"end":{"line":null,"column":-1}},"87":{"start":{"line":279,"column":0},"end":{"line":281,"column":0}},"88":{"start":{"line":280,"column":0},"end":{"line":null,"column":-1}},"89":{"start":{"line":283,"column":0},"end":{"line":285,"column":0}},"90":{"start":{"line":284,"column":0},"end":{"line":null,"column":-1}},"91":{"start":{"line":287,"column":0},"end":{"line":null,"column":-1}},"92":{"start":{"line":288,"column":0},"end":{"line":null,"column":-1}},"93":{"start":{"line":293,"column":0},"end":{"line":305,"column":0}},"94":{"start":{"line":294,"column":0},"end":{"line":null,"column":-1}},"95":{"start":{"line":295,"column":0},"end":{"line":304,"column":0}},"96":{"start":{"line":296,"column":0},"end":{"line":null,"column":-1}},"97":{"start":{"line":298,"column":0},"end":{"line":null,"column":-1}},"98":{"start":{"line":299,"column":0},"end":{"line":null,"column":-1}},"99":{"start":{"line":302,"column":0},"end":{"line":null,"column":-1}},"100":{"start":{"line":303,"column":0},"end":{"line":null,"column":-1}},"101":{"start":{"line":306,"column":0},"end":{"line":313,"column":0}},"102":{"start":{"line":307,"column":0},"end":{"line":null,"column":-1}},"103":{"start":{"line":309,"column":0},"end":{"line":null,"column":-1}},"104":{"start":{"line":310,"column":0},"end":{"line":312,"column":0}},"105":{"start":{"line":311,"column":0},"end":{"line":null,"column":-1}},"106":{"start":{"line":316,"column":0},"end":{"line":null,"column":-1}},"107":{"start":{"line":317,"column":0},"end":{"line":null,"column":-1}},"108":{"start":{"line":318,"column":0},"end":{"line":null,"column":-1}},"109":{"start":{"line":321,"column":0},"end":{"line":null,"column":-1}},"110":{"start":{"line":322,"column":0},"end":{"line":355,"column":0}},"111":{"start":{"line":323,"column":0},"end":{"line":null,"column":-1}},"112":{"start":{"line":325,"column":0},"end":{"line":354,"column":0}},"113":{"start":{"line":326,"column":0},"end":{"line":null,"column":-1}},"114":{"start":{"line":327,"column":0},"end":{"line":null,"column":-1}},"115":{"start":{"line":328,"column":0},"end":{"line":null,"column":-1}},"116":{"start":{"line":331,"column":0},"end":{"line":null,"column":-1}},"117":{"start":{"line":332,"column":0},"end":{"line":null,"column":-1}},"118":{"start":{"line":334,"column":0},"end":{"line":342,"column":0}},"119":{"start":{"line":335,"column":0},"end":{"line":null,"column":-1}},"120":{"start":{"line":336,"column":0},"end":{"line":342,"column":0}},"121":{"start":{"line":337,"column":0},"end":{"line":null,"column":-1}},"122":{"start":{"line":338,"column":0},"end":{"line":null,"column":-1}},"123":{"start":{"line":339,"column":0},"end":{"line":null,"column":-1}},"124":{"start":{"line":340,"column":0},"end":{"line":342,"column":0}},"125":{"start":{"line":341,"column":0},"end":{"line":null,"column":-1}},"126":{"start":{"line":344,"column":0},"end":{"line":349,"column":0}},"127":{"start":{"line":345,"column":0},"end":{"line":null,"column":-1}},"128":{"start":{"line":346,"column":0},"end":{"line":349,"column":0}},"129":{"start":{"line":347,"column":0},"end":{"line":null,"column":-1}},"130":{"start":{"line":348,"column":0},"end":{"line":null,"column":-1}},"131":{"start":{"line":351,"column":0},"end":{"line":null,"column":-1}},"132":{"start":{"line":352,"column":0},"end":{"line":null,"column":-1}},"133":{"start":{"line":353,"column":0},"end":{"line":null,"column":-1}},"134":{"start":{"line":359,"column":0},"end":{"line":365,"column":0}},"135":{"start":{"line":360,"column":0},"end":{"line":364,"column":0}},"136":{"start":{"line":361,"column":0},"end":{"line":null,"column":-1}},"137":{"start":{"line":363,"column":0},"end":{"line":null,"column":-1}},"138":{"start":{"line":370,"column":0},"end":{"line":null,"column":-1}},"139":{"start":{"line":373,"column":0},"end":{"line":null,"column":-1}},"140":{"start":{"line":379,"column":0},"end":{"line":null,"column":-1}},"141":{"start":{"line":384,"column":0},"end":{"line":null,"column":-1}},"142":{"start":{"line":391,"column":0},"end":{"line":407,"column":0}},"143":{"start":{"line":392,"column":0},"end":{"line":null,"column":-1}},"144":{"start":{"line":393,"column":0},"end":{"line":null,"column":-1}},"145":{"start":{"line":398,"column":0},"end":{"line":null,"column":-1}},"146":{"start":{"line":400,"column":0},"end":{"line":null,"column":-1}},"147":{"start":{"line":402,"column":0},"end":{"line":404,"column":0}},"148":{"start":{"line":403,"column":0},"end":{"line":null,"column":-1}},"149":{"start":{"line":405,"column":0},"end":{"line":null,"column":-1}},"150":{"start":{"line":406,"column":0},"end":{"line":null,"column":-1}}},"fnMap":{"0":{"name":"(anonymous_2)","decl":{"start":{"line":31,"column":0},"end":{"line":null,"column":-1}},"loc":{"start":{"line":31,"column":0},"end":{"line":33,"column":0}}},"1":{"name":"(anonymous_3)","decl":{"start":{"line":34,"column":0},"end":{"line":null,"column":-1}},"loc":{"start":{"line":34,"column":0},"end":{"line":36,"column":0}}},"2":{"name":"(anonymous_4)","decl":{"start":{"line":37,"column":0},"end":{"line":null,"column":-1}},"loc":{"start":{"line":37,"column":0},"end":{"line":39,"column":0}}},"3":{"name":"stringToHyphens","decl":{"start":{"line":41,"column":0},"end":{"line":null,"column":-1}},"loc":{"start":{"line":41,"column":0},"end":{"line":43,"column":0}}},"4":{"name":"getCSSValue","decl":{"start":{"line":45,"column":0},"end":{"line":null,"column":-1}},"loc":{"start":{"line":45,"column":0},"end":{"line":49,"column":0}}},"5":{"name":"rand","decl":{"start":{"line":51,"column":0},"end":{"line":null,"column":-1}},"loc":{"start":{"line":51,"column":0},"end":{"line":53,"column":0}}},"6":{"name":"(anonymous_8)","decl":{"start":{"line":63,"column":0},"end":{"line":null,"column":-1}},"loc":{"start":{"line":63,"column":0},"end":{"line":65,"column":0}}},"7":{"name":"(anonymous_9)","decl":{"start":{"line":66,"column":0},"end":{"line":null,"column":-1}},"loc":{"start":{"line":66,"column":0},"end":{"line":68,"column":0}}},"8":{"name":"(anonymous_10)","decl":{"start":{"line":77,"column":0},"end":{"line":null,"column":-1}},"loc":{"start":{"line":77,"column":0},"end":{"line":null,"column":-1}}},"9":{"name":"(anonymous_11)","decl":{"start":{"line":132,"column":0},"end":{"line":null,"column":-1}},"loc":{"start":{"line":132,"column":0},"end":{"line":138,"column":0}}},"10":{"name":"(anonymous_12)","decl":{"start":{"line":169,"column":0},"end":{"line":null,"column":-1}},"loc":{"start":{"line":169,"column":0},"end":{"line":173,"column":0}}},"11":{"name":"(anonymous_13)","decl":{"start":{"line":277,"column":0},"end":{"line":null,"column":-1}},"loc":{"start":{"line":277,"column":0},"end":{"line":286,"column":0}}},"12":{"name":"(anonymous_14)","decl":{"start":{"line":279,"column":0},"end":{"line":null,"column":-1}},"loc":{"start":{"line":279,"column":0},"end":{"line":281,"column":0}}}},"branchMap":{"0":{"loc":{"start":{"line":46,"column":0},"end":{"line":48,"column":0}},"type":"if","locations":[{"start":{"line":46,"column":0},"end":{"line":48,"column":0}},{"start":{"line":46,"column":0},"end":{"line":48,"column":0}}]},"1":{"loc":{"start":{"line":47,"column":0},"end":{"line":null,"column":-1}},"type":"binary-expr","locations":[{"start":{"line":47,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":47,"column":0},"end":{"line":null,"column":-1}}]},"2":{"loc":{"start":{"line":121,"column":0},"end":{"line":144,"column":0}},"type":"if","locations":[{"start":{"line":121,"column":0},"end":{"line":144,"column":0}},{"start":{"line":121,"column":0},"end":{"line":144,"column":0}}]},"3":{"loc":{"start":{"line":121,"column":0},"end":{"line":null,"column":-1}},"type":"binary-expr","locations":[{"start":{"line":121,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":121,"column":0},"end":{"line":null,"column":-1}}]},"4":{"loc":{"start":{"line":125,"column":0},"end":{"line":127,"column":0}},"type":"if","locations":[{"start":{"line":125,"column":0},"end":{"line":127,"column":0}},{"start":{"line":125,"column":0},"end":{"line":127,"column":0}}]},"5":{"loc":{"start":{"line":135,"column":0},"end":{"line":137,"column":0}},"type":"if","locations":[{"start":{"line":135,"column":0},"end":{"line":137,"column":0}},{"start":{"line":135,"column":0},"end":{"line":137,"column":0}}]},"6":{"loc":{"start":{"line":141,"column":0},"end":{"line":143,"column":0}},"type":"if","locations":[{"start":{"line":141,"column":0},"end":{"line":143,"column":0}},{"start":{"line":141,"column":0},"end":{"line":143,"column":0}}]},"7":{"loc":{"start":{"line":148,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":148,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":148,"column":0},"end":{"line":null,"column":-1}}]},"8":{"loc":{"start":{"line":149,"column":0},"end":{"line":159,"column":0}},"type":"if","locations":[{"start":{"line":149,"column":0},"end":{"line":159,"column":0}},{"start":{"line":149,"column":0},"end":{"line":159,"column":0}}]},"9":{"loc":{"start":{"line":152,"column":0},"end":{"line":null,"column":-1}},"type":"binary-expr","locations":[{"start":{"line":152,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":152,"column":0},"end":{"line":null,"column":-1}}]},"10":{"loc":{"start":{"line":156,"column":0},"end":{"line":null,"column":-1}},"type":"binary-expr","locations":[{"start":{"line":156,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":156,"column":0},"end":{"line":null,"column":-1}}]},"11":{"loc":{"start":{"line":163,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":163,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":163,"column":0},"end":{"line":null,"column":-1}}]},"12":{"loc":{"start":{"line":164,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":164,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":164,"column":0},"end":{"line":null,"column":-1}}]},"13":{"loc":{"start":{"line":170,"column":0},"end":{"line":172,"column":0}},"type":"if","locations":[{"start":{"line":170,"column":0},"end":{"line":172,"column":0}},{"start":{"line":170,"column":0},"end":{"line":172,"column":0}}]},"14":{"loc":{"start":{"line":177,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":177,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":177,"column":0},"end":{"line":null,"column":-1}}]},"15":{"loc":{"start":{"line":178,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":178,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":178,"column":0},"end":{"line":null,"column":-1}}]},"16":{"loc":{"start":{"line":187,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":187,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":187,"column":0},"end":{"line":null,"column":-1}}]},"17":{"loc":{"start":{"line":193,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":193,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":193,"column":0},"end":{"line":null,"column":-1}}]},"18":{"loc":{"start":{"line":196,"column":0},"end":{"line":206,"column":0}},"type":"if","locations":[{"start":{"line":196,"column":0},"end":{"line":206,"column":0}},{"start":{"line":196,"column":0},"end":{"line":206,"column":0}}]},"19":{"loc":{"start":{"line":197,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":197,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":197,"column":0},"end":{"line":null,"column":-1}}]},"20":{"loc":{"start":{"line":202,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":202,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":202,"column":0},"end":{"line":null,"column":-1}}]},"21":{"loc":{"start":{"line":212,"column":0},"end":{"line":219,"column":0}},"type":"if","locations":[{"start":{"line":212,"column":0},"end":{"line":219,"column":0}},{"start":{"line":212,"column":0},"end":{"line":219,"column":0}}]},"22":{"loc":{"start":{"line":215,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":215,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":215,"column":0},"end":{"line":null,"column":-1}}]},"23":{"loc":{"start":{"line":216,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":216,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":216,"column":0},"end":{"line":null,"column":-1}}]},"24":{"loc":{"start":{"line":220,"column":0},"end":{"line":223,"column":0}},"type":"if","locations":[{"start":{"line":220,"column":0},"end":{"line":223,"column":0}},{"start":{"line":220,"column":0},"end":{"line":223,"column":0}}]},"25":{"loc":{"start":{"line":227,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":227,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":227,"column":0},"end":{"line":null,"column":-1}}]},"26":{"loc":{"start":{"line":230,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":230,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":230,"column":0},"end":{"line":null,"column":-1}}]},"27":{"loc":{"start":{"line":236,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":236,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":236,"column":0},"end":{"line":null,"column":-1}}]},"28":{"loc":{"start":{"line":240,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":240,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":240,"column":0},"end":{"line":null,"column":-1}}]},"29":{"loc":{"start":{"line":243,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":243,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":243,"column":0},"end":{"line":null,"column":-1}}]},"30":{"loc":{"start":{"line":245,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":245,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":245,"column":0},"end":{"line":null,"column":-1}}]},"31":{"loc":{"start":{"line":251,"column":0},"end":{"line":253,"column":0}},"type":"if","locations":[{"start":{"line":251,"column":0},"end":{"line":253,"column":0}},{"start":{"line":251,"column":0},"end":{"line":253,"column":0}}]},"32":{"loc":{"start":{"line":259,"column":0},"end":{"line":264,"column":0}},"type":"if","locations":[{"start":{"line":259,"column":0},"end":{"line":264,"column":0}},{"start":{"line":259,"column":0},"end":{"line":264,"column":0}}]},"33":{"loc":{"start":{"line":260,"column":0},"end":{"line":262,"column":0}},"type":"if","locations":[{"start":{"line":260,"column":0},"end":{"line":262,"column":0}},{"start":{"line":260,"column":0},"end":{"line":262,"column":0}}]},"34":{"loc":{"start":{"line":267,"column":0},"end":{"line":289,"column":0}},"type":"if","locations":[{"start":{"line":267,"column":0},"end":{"line":289,"column":0}},{"start":{"line":267,"column":0},"end":{"line":289,"column":0}}]},"35":{"loc":{"start":{"line":268,"column":0},"end":{"line":270,"column":0}},"type":"if","locations":[{"start":{"line":268,"column":0},"end":{"line":270,"column":0}},{"start":{"line":268,"column":0},"end":{"line":270,"column":0}}]},"36":{"loc":{"start":{"line":271,"column":0},"end":{"line":273,"column":0}},"type":"if","locations":[{"start":{"line":271,"column":0},"end":{"line":273,"column":0}},{"start":{"line":271,"column":0},"end":{"line":273,"column":0}}]},"37":{"loc":{"start":{"line":283,"column":0},"end":{"line":285,"column":0}},"type":"if","locations":[{"start":{"line":283,"column":0},"end":{"line":285,"column":0}},{"start":{"line":283,"column":0},"end":{"line":285,"column":0}}]},"38":{"loc":{"start":{"line":295,"column":0},"end":{"line":304,"column":0}},"type":"if","locations":[{"start":{"line":295,"column":0},"end":{"line":304,"column":0}},{"start":{"line":295,"column":0},"end":{"line":304,"column":0}}]},"39":{"loc":{"start":{"line":303,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":303,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":303,"column":0},"end":{"line":null,"column":-1}}]},"40":{"loc":{"start":{"line":306,"column":0},"end":{"line":313,"column":0}},"type":"if","locations":[{"start":{"line":306,"column":0},"end":{"line":313,"column":0}},{"start":{"line":306,"column":0},"end":{"line":313,"column":0}}]},"41":{"loc":{"start":{"line":310,"column":0},"end":{"line":312,"column":0}},"type":"if","locations":[{"start":{"line":310,"column":0},"end":{"line":312,"column":0}},{"start":{"line":310,"column":0},"end":{"line":312,"column":0}}]},"42":{"loc":{"start":{"line":325,"column":0},"end":{"line":354,"column":0}},"type":"if","locations":[{"start":{"line":325,"column":0},"end":{"line":354,"column":0}},{"start":{"line":325,"column":0},"end":{"line":354,"column":0}}]},"43":{"loc":{"start":{"line":328,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":328,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":328,"column":0},"end":{"line":null,"column":-1}}]},"44":{"loc":{"start":{"line":334,"column":0},"end":{"line":342,"column":0}},"type":"if","locations":[{"start":{"line":334,"column":0},"end":{"line":342,"column":0}},{"start":{"line":334,"column":0},"end":{"line":342,"column":0}}]},"45":{"loc":{"start":{"line":336,"column":0},"end":{"line":342,"column":0}},"type":"if","locations":[{"start":{"line":336,"column":0},"end":{"line":342,"column":0}},{"start":{"line":336,"column":0},"end":{"line":342,"column":0}}]},"46":{"loc":{"start":{"line":340,"column":0},"end":{"line":342,"column":0}},"type":"if","locations":[{"start":{"line":340,"column":0},"end":{"line":342,"column":0}},{"start":{"line":340,"column":0},"end":{"line":342,"column":0}}]},"47":{"loc":{"start":{"line":344,"column":0},"end":{"line":349,"column":0}},"type":"if","locations":[{"start":{"line":344,"column":0},"end":{"line":349,"column":0}},{"start":{"line":344,"column":0},"end":{"line":349,"column":0}}]},"48":{"loc":{"start":{"line":346,"column":0},"end":{"line":349,"column":0}},"type":"if","locations":[{"start":{"line":346,"column":0},"end":{"line":349,"column":0}},{"start":{"line":346,"column":0},"end":{"line":349,"column":0}}]},"49":{"loc":{"start":{"line":359,"column":0},"end":{"line":365,"column":0}},"type":"if","locations":[{"start":{"line":359,"column":0},"end":{"line":365,"column":0}},{"start":{"line":359,"column":0},"end":{"line":365,"column":0}}]},"50":{"loc":{"start":{"line":360,"column":0},"end":{"line":364,"column":0}},"type":"if","locations":[{"start":{"line":360,"column":0},"end":{"line":364,"column":0}},{"start":{"line":360,"column":0},"end":{"line":364,"column":0}}]},"51":{"loc":{"start":{"line":384,"column":0},"end":{"line":null,"column":-1}},"type":"binary-expr","locations":[{"start":{"line":384,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":384,"column":0},"end":{"line":null,"column":-1}}]},"52":{"loc":{"start":{"line":391,"column":0},"end":{"line":407,"column":0}},"type":"if","locations":[{"start":{"line":391,"column":0},"end":{"line":407,"column":0}},{"start":{"line":391,"column":0},"end":{"line":407,"column":0}}]},"53":{"loc":{"start":{"line":402,"column":0},"end":{"line":404,"column":0}},"type":"if","locations":[{"start":{"line":402,"column":0},"end":{"line":404,"column":0}},{"start":{"line":402,"column":0},"end":{"line":404,"column":0}}]}},"s":{"0":0,"1":0,"2":0,"3":0,"4":0,"5":0,"6":0,"7":0,"8":0,"9":0,"10":0,"11":0,"12":0,"13":0,"14":0,"15":0,"16":0,"17":0,"18":0,"19":0,"20":0,"21":0,"22":0,"23":0,"24":0,"25":0,"26":0,"27":0,"28":0,"29":0,"30":0,"31":0,"32":0,"33":0,"34":0,"35":0,"36":0,"37":0,"38":0,"39":0,"40":0,"41":0,"42":0,"43":0,"44":0,"45":0,"46":0,"47":0,"48":0,"49":0,"50":0,"51":0,"52":0,"53":0,"54":0,"55":0,"56":0,"57":0,"58":0,"59":0,"60":0,"61":0,"62":0,"63":0,"64":0,"65":0,"66":0,"67":0,"68":0,"69":0,"70":0,"71":0,"72":0,"73":0,"74":0,"75":0,"76":0,"77":0,"78":0,"79":0,"80":0,"81":0,"82":0,"83":0,"84":0,"85":0,"86":0,"87":0,"88":0,"89":0,"90":0,"91":0,"92":0,"93":0,"94":0,"95":0,"96":0,"97":0,"98":0,"99":0,"100":0,"101":0,"102":0,"103":0,"104":0,"105":0,"106":0,"107":0,"108":0,"109":0,"110":0,"111":0,"112":0,"113":0,"114":0,"115":0,"116":0,"117":0,"118":0,"119":0,"120":0,"121":0,"122":0,"123":0,"124":0,"125":0,"126":0,"127":0,"128":0,"129":0,"130":0,"131":0,"132":0,"133":0,"134":0,"135":0,"136":0,"137":0,"138":0,"139":0,"140":0,"141":0,"142":0,"143":0,"144":0,"145":0,"146":0,"147":0,"148":0,"149":0,"150":0},"f":{"0":0,"1":0,"2":0,"3":0,"4":0,"5":0,"6":0,"7":0,"8":0,"9":0,"10":0,"11":0,"12":0},"b":{"0":[0,0],"1":[0,0],"2":[0,0],"3":[0,0],"4":[0,0],"5":[0,0],"6":[0,0],"7":[0,0],"8":[0,0],"9":[0,0],"10":[0,0],"11":[0,0],"12":[0,0],"13":[0,0],"14":[0,0],"15":[0,0],"16":[0,0],"17":[0,0],"18":[0,0],"19":[0,0],"20":[0,0],"21":[0,0],"22":[0,0],"23":[0,0],"24":[0,0],"25":[0,0],"26":[0,0],"27":[0,0],"28":[0,0],"29":[0,0],"30":[0,0],"31":[0,0],"32":[0,0],"33":[0,0],"34":[0,0],"35":[0,0],"36":[0,0],"37":[0,0],"38":[0,0],"39":[0,0],"40":[0,0],"41":[0,0],"42":[0,0],"43":[0,0],"44":[0,0],"45":[0,0],"46":[0,0],"47":[0,0],"48":[0,0],"49":[0,0],"50":[0,0],"51":[0,0],"52":[0,0],"53":[0,0]}} 2 | } 3 | -------------------------------------------------------------------------------- /coverage/lcov-report/base.css: -------------------------------------------------------------------------------- 1 | body, html { 2 | margin:0; padding: 0; 3 | height: 100%; 4 | } 5 | body { 6 | font-family: Helvetica Neue, Helvetica, Arial; 7 | font-size: 14px; 8 | color:#333; 9 | } 10 | .small { font-size: 12px; } 11 | *, *:after, *:before { 12 | -webkit-box-sizing:border-box; 13 | -moz-box-sizing:border-box; 14 | box-sizing:border-box; 15 | } 16 | h1 { font-size: 20px; margin: 0;} 17 | h2 { font-size: 14px; } 18 | pre { 19 | font: 12px/1.4 Consolas, "Liberation Mono", Menlo, Courier, monospace; 20 | margin: 0; 21 | padding: 0; 22 | -moz-tab-size: 2; 23 | -o-tab-size: 2; 24 | tab-size: 2; 25 | } 26 | a { color:#0074D9; text-decoration:none; } 27 | a:hover { text-decoration:underline; } 28 | .strong { font-weight: bold; } 29 | .space-top1 { padding: 10px 0 0 0; } 30 | .pad2y { padding: 20px 0; } 31 | .pad1y { padding: 10px 0; } 32 | .pad2x { padding: 0 20px; } 33 | .pad2 { padding: 20px; } 34 | .pad1 { padding: 10px; } 35 | .space-left2 { padding-left:55px; } 36 | .space-right2 { padding-right:20px; } 37 | .center { text-align:center; } 38 | .clearfix { display:block; } 39 | .clearfix:after { 40 | content:''; 41 | display:block; 42 | height:0; 43 | clear:both; 44 | visibility:hidden; 45 | } 46 | .fl { float: left; } 47 | @media only screen and (max-width:640px) { 48 | .col3 { width:100%; max-width:100%; } 49 | .hide-mobile { display:none!important; } 50 | } 51 | 52 | .quiet { 53 | color: #7f7f7f; 54 | color: rgba(0,0,0,0.5); 55 | } 56 | .quiet a { opacity: 0.7; } 57 | 58 | .fraction { 59 | font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; 60 | font-size: 10px; 61 | color: #555; 62 | background: #E8E8E8; 63 | padding: 4px 5px; 64 | border-radius: 3px; 65 | vertical-align: middle; 66 | } 67 | 68 | div.path a:link, div.path a:visited { color: #333; } 69 | table.coverage { 70 | border-collapse: collapse; 71 | margin: 10px 0 0 0; 72 | padding: 0; 73 | } 74 | 75 | table.coverage td { 76 | margin: 0; 77 | padding: 0; 78 | vertical-align: top; 79 | } 80 | table.coverage td.line-count { 81 | text-align: right; 82 | padding: 0 5px 0 20px; 83 | } 84 | table.coverage td.line-coverage { 85 | text-align: right; 86 | padding-right: 10px; 87 | min-width:20px; 88 | } 89 | 90 | table.coverage td span.cline-any { 91 | display: inline-block; 92 | padding: 0 5px; 93 | width: 100%; 94 | } 95 | .missing-if-branch { 96 | display: inline-block; 97 | margin-right: 5px; 98 | border-radius: 3px; 99 | position: relative; 100 | padding: 0 4px; 101 | background: #333; 102 | color: yellow; 103 | } 104 | 105 | .skip-if-branch { 106 | display: none; 107 | margin-right: 10px; 108 | position: relative; 109 | padding: 0 4px; 110 | background: #ccc; 111 | color: white; 112 | } 113 | .missing-if-branch .typ, .skip-if-branch .typ { 114 | color: inherit !important; 115 | } 116 | .coverage-summary { 117 | border-collapse: collapse; 118 | width: 100%; 119 | } 120 | .coverage-summary tr { border-bottom: 1px solid #bbb; } 121 | .keyline-all { border: 1px solid #ddd; } 122 | .coverage-summary td, .coverage-summary th { padding: 10px; } 123 | .coverage-summary tbody { border: 1px solid #bbb; } 124 | .coverage-summary td { border-right: 1px solid #bbb; } 125 | .coverage-summary td:last-child { border-right: none; } 126 | .coverage-summary th { 127 | text-align: left; 128 | font-weight: normal; 129 | white-space: nowrap; 130 | } 131 | .coverage-summary th.file { border-right: none !important; } 132 | .coverage-summary th.pct { } 133 | .coverage-summary th.pic, 134 | .coverage-summary th.abs, 135 | .coverage-summary td.pct, 136 | .coverage-summary td.abs { text-align: right; } 137 | .coverage-summary td.file { white-space: nowrap; } 138 | .coverage-summary td.pic { min-width: 120px !important; } 139 | .coverage-summary tfoot td { } 140 | 141 | .coverage-summary .sorter { 142 | height: 10px; 143 | width: 7px; 144 | display: inline-block; 145 | margin-left: 0.5em; 146 | background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent; 147 | } 148 | .coverage-summary .sorted .sorter { 149 | background-position: 0 -20px; 150 | } 151 | .coverage-summary .sorted-desc .sorter { 152 | background-position: 0 -10px; 153 | } 154 | .status-line { height: 10px; } 155 | /* dark red */ 156 | .red.solid, .status-line.low, .low .cover-fill { background:#C21F39 } 157 | .low .chart { border:1px solid #C21F39 } 158 | /* medium red */ 159 | .cstat-no, .fstat-no, .cbranch-no, .cbranch-no { background:#F6C6CE } 160 | /* light red */ 161 | .low, .cline-no { background:#FCE1E5 } 162 | /* light green */ 163 | .high, .cline-yes { background:rgb(230,245,208) } 164 | /* medium green */ 165 | .cstat-yes { background:rgb(161,215,106) } 166 | /* dark green */ 167 | .status-line.high, .high .cover-fill { background:rgb(77,146,33) } 168 | .high .chart { border:1px solid rgb(77,146,33) } 169 | 170 | 171 | .medium .chart { border:1px solid #666; } 172 | .medium .cover-fill { background: #666; } 173 | 174 | .cbranch-no { background: yellow !important; color: #111; } 175 | 176 | .cstat-skip { background: #ddd; color: #111; } 177 | .fstat-skip { background: #ddd; color: #111 !important; } 178 | .cbranch-skip { background: #ddd !important; color: #111; } 179 | 180 | span.cline-neutral { background: #eaeaea; } 181 | .medium { background: #eaeaea; } 182 | 183 | .cover-fill, .cover-empty { 184 | display:inline-block; 185 | height: 12px; 186 | } 187 | .chart { 188 | line-height: 0; 189 | } 190 | .cover-empty { 191 | background: white; 192 | } 193 | .cover-full { 194 | border-right: none !important; 195 | } 196 | pre.prettyprint { 197 | border: none !important; 198 | padding: 0 !important; 199 | margin: 0 !important; 200 | } 201 | .com { color: #999 !important; } 202 | .ignore-none { color: #999; font-weight: normal; } 203 | 204 | .wrapper { 205 | min-height: 100%; 206 | height: auto !important; 207 | height: 100%; 208 | margin: 0 auto -48px; 209 | } 210 | .footer, .push { 211 | height: 48px; 212 | } 213 | -------------------------------------------------------------------------------- /coverage/lcov-report/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Code coverage report for All files 5 | 6 | 7 | 8 | 9 | 14 | 15 | 16 |
17 |
18 |

19 | All files 20 |

21 |
22 |
23 | 0% 24 | Statements 25 | 0/151 26 |
27 |
28 | 0% 29 | Branches 30 | 0/108 31 |
32 |
33 | 0% 34 | Functions 35 | 0/13 36 |
37 |
38 | 0% 39 | Lines 40 | 0/151 41 |
42 |
43 |
44 |
45 |
46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 |
FileStatementsBranchesFunctionsLines
index.vue
0%0/1510%0/1080%0/130%0/151
76 |
77 |
78 |
79 | Code coverage 80 | generated by istanbul at Thu Aug 22 2019 10:33:54 GMT+0800 (China Standard Time) 81 |
82 | 83 | 84 | 91 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /coverage/lcov-report/prettify.css: -------------------------------------------------------------------------------- 1 | .pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee} 2 | -------------------------------------------------------------------------------- /coverage/lcov-report/prettify.js: -------------------------------------------------------------------------------- 1 | window.PR_SHOULD_USE_CONTINUATION=true;(function(){var h=["break,continue,do,else,for,if,return,while"];var u=[h,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"];var p=[u,"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"];var l=[p,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"];var x=[p,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"];var R=[x,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"];var r="all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes";var w=[p,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"];var s="caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END";var I=[h,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"];var f=[h,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"];var H=[h,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"];var A=[l,R,w,s+I,f,H];var e=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/;var C="str";var z="kwd";var j="com";var O="typ";var G="lit";var L="pun";var F="pln";var m="tag";var E="dec";var J="src";var P="atn";var n="atv";var N="nocode";var M="(?:^^\\.?|[+-]|\\!|\\!=|\\!==|\\#|\\%|\\%=|&|&&|&&=|&=|\\(|\\*|\\*=|\\+=|\\,|\\-=|\\->|\\/|\\/=|:|::|\\;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|\\?|\\@|\\[|\\^|\\^=|\\^\\^|\\^\\^=|\\{|\\||\\|=|\\|\\||\\|\\|=|\\~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\s*";function k(Z){var ad=0;var S=false;var ac=false;for(var V=0,U=Z.length;V122)){if(!(al<65||ag>90)){af.push([Math.max(65,ag)|32,Math.min(al,90)|32])}if(!(al<97||ag>122)){af.push([Math.max(97,ag)&~32,Math.min(al,122)&~32])}}}}af.sort(function(av,au){return(av[0]-au[0])||(au[1]-av[1])});var ai=[];var ap=[NaN,NaN];for(var ar=0;arat[0]){if(at[1]+1>at[0]){an.push("-")}an.push(T(at[1]))}}an.push("]");return an.join("")}function W(al){var aj=al.source.match(new RegExp("(?:\\[(?:[^\\x5C\\x5D]|\\\\[\\s\\S])*\\]|\\\\u[A-Fa-f0-9]{4}|\\\\x[A-Fa-f0-9]{2}|\\\\[0-9]+|\\\\[^ux0-9]|\\(\\?[:!=]|[\\(\\)\\^]|[^\\x5B\\x5C\\(\\)\\^]+)","g"));var ah=aj.length;var an=[];for(var ak=0,am=0;ak=2&&ai==="["){aj[ak]=X(ag)}else{if(ai!=="\\"){aj[ak]=ag.replace(/[a-zA-Z]/g,function(ao){var ap=ao.charCodeAt(0);return"["+String.fromCharCode(ap&~32,ap|32)+"]"})}}}}return aj.join("")}var aa=[];for(var V=0,U=Z.length;V=0;){S[ac.charAt(ae)]=Y}}var af=Y[1];var aa=""+af;if(!ag.hasOwnProperty(aa)){ah.push(af);ag[aa]=null}}ah.push(/[\0-\uffff]/);V=k(ah)})();var X=T.length;var W=function(ah){var Z=ah.sourceCode,Y=ah.basePos;var ad=[Y,F];var af=0;var an=Z.match(V)||[];var aj={};for(var ae=0,aq=an.length;ae=5&&"lang-"===ap.substring(0,5);if(am&&!(ai&&typeof ai[1]==="string")){am=false;ap=J}if(!am){aj[ag]=ap}}var ab=af;af+=ag.length;if(!am){ad.push(Y+ab,ap)}else{var al=ai[1];var ak=ag.indexOf(al);var ac=ak+al.length;if(ai[2]){ac=ag.length-ai[2].length;ak=ac-al.length}var ar=ap.substring(5);B(Y+ab,ag.substring(0,ak),W,ad);B(Y+ab+ak,al,q(ar,al),ad);B(Y+ab+ac,ag.substring(ac),W,ad)}}ah.decorations=ad};return W}function i(T){var W=[],S=[];if(T.tripleQuotedStrings){W.push([C,/^(?:\'\'\'(?:[^\'\\]|\\[\s\S]|\'{1,2}(?=[^\']))*(?:\'\'\'|$)|\"\"\"(?:[^\"\\]|\\[\s\S]|\"{1,2}(?=[^\"]))*(?:\"\"\"|$)|\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$))/,null,"'\""])}else{if(T.multiLineStrings){W.push([C,/^(?:\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$)|\`(?:[^\\\`]|\\[\s\S])*(?:\`|$))/,null,"'\"`"])}else{W.push([C,/^(?:\'(?:[^\\\'\r\n]|\\.)*(?:\'|$)|\"(?:[^\\\"\r\n]|\\.)*(?:\"|$))/,null,"\"'"])}}if(T.verbatimStrings){S.push([C,/^@\"(?:[^\"]|\"\")*(?:\"|$)/,null])}var Y=T.hashComments;if(Y){if(T.cStyleComments){if(Y>1){W.push([j,/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,null,"#"])}else{W.push([j,/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\r\n]*)/,null,"#"])}S.push([C,/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,null])}else{W.push([j,/^#[^\r\n]*/,null,"#"])}}if(T.cStyleComments){S.push([j,/^\/\/[^\r\n]*/,null]);S.push([j,/^\/\*[\s\S]*?(?:\*\/|$)/,null])}if(T.regexLiterals){var X=("/(?=[^/*])(?:[^/\\x5B\\x5C]|\\x5C[\\s\\S]|\\x5B(?:[^\\x5C\\x5D]|\\x5C[\\s\\S])*(?:\\x5D|$))+/");S.push(["lang-regex",new RegExp("^"+M+"("+X+")")])}var V=T.types;if(V){S.push([O,V])}var U=(""+T.keywords).replace(/^ | $/g,"");if(U.length){S.push([z,new RegExp("^(?:"+U.replace(/[\s,]+/g,"|")+")\\b"),null])}W.push([F,/^\s+/,null," \r\n\t\xA0"]);S.push([G,/^@[a-z_$][a-z_$@0-9]*/i,null],[O,/^(?:[@_]?[A-Z]+[a-z][A-Za-z_$@0-9]*|\w+_t\b)/,null],[F,/^[a-z_$][a-z_$@0-9]*/i,null],[G,new RegExp("^(?:0x[a-f0-9]+|(?:\\d(?:_\\d+)*\\d*(?:\\.\\d*)?|\\.\\d\\+)(?:e[+\\-]?\\d+)?)[a-z]*","i"),null,"0123456789"],[F,/^\\[\s\S]?/,null],[L,/^.[^\s\w\.$@\'\"\`\/\#\\]*/,null]);return g(W,S)}var K=i({keywords:A,hashComments:true,cStyleComments:true,multiLineStrings:true,regexLiterals:true});function Q(V,ag){var U=/(?:^|\s)nocode(?:\s|$)/;var ab=/\r\n?|\n/;var ac=V.ownerDocument;var S;if(V.currentStyle){S=V.currentStyle.whiteSpace}else{if(window.getComputedStyle){S=ac.defaultView.getComputedStyle(V,null).getPropertyValue("white-space")}}var Z=S&&"pre"===S.substring(0,3);var af=ac.createElement("LI");while(V.firstChild){af.appendChild(V.firstChild)}var W=[af];function ae(al){switch(al.nodeType){case 1:if(U.test(al.className)){break}if("BR"===al.nodeName){ad(al);if(al.parentNode){al.parentNode.removeChild(al)}}else{for(var an=al.firstChild;an;an=an.nextSibling){ae(an)}}break;case 3:case 4:if(Z){var am=al.nodeValue;var aj=am.match(ab);if(aj){var ai=am.substring(0,aj.index);al.nodeValue=ai;var ah=am.substring(aj.index+aj[0].length);if(ah){var ak=al.parentNode;ak.insertBefore(ac.createTextNode(ah),al.nextSibling)}ad(al);if(!ai){al.parentNode.removeChild(al)}}}break}}function ad(ak){while(!ak.nextSibling){ak=ak.parentNode;if(!ak){return}}function ai(al,ar){var aq=ar?al.cloneNode(false):al;var ao=al.parentNode;if(ao){var ap=ai(ao,1);var an=al.nextSibling;ap.appendChild(aq);for(var am=an;am;am=an){an=am.nextSibling;ap.appendChild(am)}}return aq}var ah=ai(ak.nextSibling,0);for(var aj;(aj=ah.parentNode)&&aj.nodeType===1;){ah=aj}W.push(ah)}for(var Y=0;Y=S){ah+=2}if(V>=ap){Z+=2}}}var t={};function c(U,V){for(var S=V.length;--S>=0;){var T=V[S];if(!t.hasOwnProperty(T)){t[T]=U}else{if(window.console){console.warn("cannot override language handler %s",T)}}}}function q(T,S){if(!(T&&t.hasOwnProperty(T))){T=/^\s*]*(?:>|$)/],[j,/^<\!--[\s\S]*?(?:-\->|$)/],["lang-",/^<\?([\s\S]+?)(?:\?>|$)/],["lang-",/^<%([\s\S]+?)(?:%>|$)/],[L,/^(?:<[%?]|[%?]>)/],["lang-",/^]*>([\s\S]+?)<\/xmp\b[^>]*>/i],["lang-js",/^]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-css",/^]*>([\s\S]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]),["default-markup","htm","html","mxml","xhtml","xml","xsl"]);c(g([[F,/^[\s]+/,null," \t\r\n"],[n,/^(?:\"[^\"]*\"?|\'[^\']*\'?)/,null,"\"'"]],[[m,/^^<\/?[a-z](?:[\w.:-]*\w)?|\/?>$/i],[P,/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^>\'\"\s]*(?:[^>\'\"\s\/]|\/(?=\s)))/],[L,/^[=<>\/]+/],["lang-js",/^on\w+\s*=\s*\"([^\"]+)\"/i],["lang-js",/^on\w+\s*=\s*\'([^\']+)\'/i],["lang-js",/^on\w+\s*=\s*([^\"\'>\s]+)/i],["lang-css",/^style\s*=\s*\"([^\"]+)\"/i],["lang-css",/^style\s*=\s*\'([^\']+)\'/i],["lang-css",/^style\s*=\s*([^\"\'>\s]+)/i]]),["in.tag"]);c(g([],[[n,/^[\s\S]+/]]),["uq.val"]);c(i({keywords:l,hashComments:true,cStyleComments:true,types:e}),["c","cc","cpp","cxx","cyc","m"]);c(i({keywords:"null,true,false"}),["json"]);c(i({keywords:R,hashComments:true,cStyleComments:true,verbatimStrings:true,types:e}),["cs"]);c(i({keywords:x,cStyleComments:true}),["java"]);c(i({keywords:H,hashComments:true,multiLineStrings:true}),["bsh","csh","sh"]);c(i({keywords:I,hashComments:true,multiLineStrings:true,tripleQuotedStrings:true}),["cv","py"]);c(i({keywords:s,hashComments:true,multiLineStrings:true,regexLiterals:true}),["perl","pl","pm"]);c(i({keywords:f,hashComments:true,multiLineStrings:true,regexLiterals:true}),["rb"]);c(i({keywords:w,cStyleComments:true,regexLiterals:true}),["js"]);c(i({keywords:r,hashComments:3,cStyleComments:true,multilineStrings:true,tripleQuotedStrings:true,regexLiterals:true}),["coffee"]);c(g([],[[C,/^[\s\S]+/]]),["regex"]);function d(V){var U=V.langExtension;try{var S=a(V.sourceNode);var T=S.sourceCode;V.sourceCode=T;V.spans=S.spans;V.basePos=0;q(U,T)(V);D(V)}catch(W){if("console" in window){console.log(W&&W.stack?W.stack:W)}}}function y(W,V,U){var S=document.createElement("PRE");S.innerHTML=W;if(U){Q(S,U)}var T={langExtension:V,numberLines:U,sourceNode:S};d(T);return S.innerHTML}function b(ad){function Y(af){return document.getElementsByTagName(af)}var ac=[Y("pre"),Y("code"),Y("xmp")];var T=[];for(var aa=0;aa=0){var ah=ai.match(ab);var am;if(!ah&&(am=o(aj))&&"CODE"===am.tagName){ah=am.className.match(ab)}if(ah){ah=ah[1]}var al=false;for(var ak=aj.parentNode;ak;ak=ak.parentNode){if((ak.tagName==="pre"||ak.tagName==="code"||ak.tagName==="xmp")&&ak.className&&ak.className.indexOf("prettyprint")>=0){al=true;break}}if(!al){var af=aj.className.match(/\blinenums\b(?::(\d+))?/);af=af?af[1]&&af[1].length?+af[1]:true:false;if(af){Q(aj,af)}S={langExtension:ah,sourceNode:aj,numberLines:af};d(S)}}}if(X]*(?:>|$)/],[PR.PR_COMMENT,/^<\!--[\s\S]*?(?:-\->|$)/],[PR.PR_PUNCTUATION,/^(?:<[%?]|[%?]>)/],["lang-",/^<\?([\s\S]+?)(?:\?>|$)/],["lang-",/^<%([\s\S]+?)(?:%>|$)/],["lang-",/^]*>([\s\S]+?)<\/xmp\b[^>]*>/i],["lang-handlebars",/^]*type\s*=\s*['"]?text\/x-handlebars-template['"]?\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-js",/^]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-css",/^]*>([\s\S]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i],[PR.PR_DECLARATION,/^{{[#^>/]?\s*[\w.][^}]*}}/],[PR.PR_DECLARATION,/^{{&?\s*[\w.][^}]*}}/],[PR.PR_DECLARATION,/^{{{>?\s*[\w.][^}]*}}}/],[PR.PR_COMMENT,/^{{![^}]*}}/]]),["handlebars","hbs"]);PR.registerLangHandler(PR.createSimpleLexer([[PR.PR_PLAIN,/^[ \t\r\n\f]+/,null," \t\r\n\f"]],[[PR.PR_STRING,/^\"(?:[^\n\r\f\\\"]|\\(?:\r\n?|\n|\f)|\\[\s\S])*\"/,null],[PR.PR_STRING,/^\'(?:[^\n\r\f\\\']|\\(?:\r\n?|\n|\f)|\\[\s\S])*\'/,null],["lang-css-str",/^url\(([^\)\"\']*)\)/i],[PR.PR_KEYWORD,/^(?:url|rgb|\!important|@import|@page|@media|@charset|inherit)(?=[^\-\w]|$)/i,null],["lang-css-kw",/^(-?(?:[_a-z]|(?:\\[0-9a-f]+ ?))(?:[_a-z0-9\-]|\\(?:\\[0-9a-f]+ ?))*)\s*:/i],[PR.PR_COMMENT,/^\/\*[^*]*\*+(?:[^\/*][^*]*\*+)*\//],[PR.PR_COMMENT,/^(?:)/],[PR.PR_LITERAL,/^(?:\d+|\d*\.\d+)(?:%|[a-z]+)?/i],[PR.PR_LITERAL,/^#(?:[0-9a-f]{3}){1,2}/i],[PR.PR_PLAIN,/^-?(?:[_a-z]|(?:\\[\da-f]+ ?))(?:[_a-z\d\-]|\\(?:\\[\da-f]+ ?))*/i],[PR.PR_PUNCTUATION,/^[^\s\w\'\"]+/]]),["css"]);PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_KEYWORD,/^-?(?:[_a-z]|(?:\\[\da-f]+ ?))(?:[_a-z\d\-]|\\(?:\\[\da-f]+ ?))*/i]]),["css-kw"]);PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_STRING,/^[^\)\"\']+/]]),["css-str"]); 2 | -------------------------------------------------------------------------------- /coverage/lcov-report/sort-arrow-sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreambo8563/vue-particle-effect-buttons/71e023384a6dc3a9601acf1eaeb0e36f7c722453/coverage/lcov-report/sort-arrow-sprite.png -------------------------------------------------------------------------------- /coverage/lcov-report/sorter.js: -------------------------------------------------------------------------------- 1 | var addSorting = (function () { 2 | "use strict"; 3 | var cols, 4 | currentSort = { 5 | index: 0, 6 | desc: false 7 | }; 8 | 9 | // returns the summary table element 10 | function getTable() { return document.querySelector('.coverage-summary'); } 11 | // returns the thead element of the summary table 12 | function getTableHeader() { return getTable().querySelector('thead tr'); } 13 | // returns the tbody element of the summary table 14 | function getTableBody() { return getTable().querySelector('tbody'); } 15 | // returns the th element for nth column 16 | function getNthColumn(n) { return getTableHeader().querySelectorAll('th')[n]; } 17 | 18 | // loads all columns 19 | function loadColumns() { 20 | var colNodes = getTableHeader().querySelectorAll('th'), 21 | colNode, 22 | cols = [], 23 | col, 24 | i; 25 | 26 | for (i = 0; i < colNodes.length; i += 1) { 27 | colNode = colNodes[i]; 28 | col = { 29 | key: colNode.getAttribute('data-col'), 30 | sortable: !colNode.getAttribute('data-nosort'), 31 | type: colNode.getAttribute('data-type') || 'string' 32 | }; 33 | cols.push(col); 34 | if (col.sortable) { 35 | col.defaultDescSort = col.type === 'number'; 36 | colNode.innerHTML = colNode.innerHTML + ''; 37 | } 38 | } 39 | return cols; 40 | } 41 | // attaches a data attribute to every tr element with an object 42 | // of data values keyed by column name 43 | function loadRowData(tableRow) { 44 | var tableCols = tableRow.querySelectorAll('td'), 45 | colNode, 46 | col, 47 | data = {}, 48 | i, 49 | val; 50 | for (i = 0; i < tableCols.length; i += 1) { 51 | colNode = tableCols[i]; 52 | col = cols[i]; 53 | val = colNode.getAttribute('data-value'); 54 | if (col.type === 'number') { 55 | val = Number(val); 56 | } 57 | data[col.key] = val; 58 | } 59 | return data; 60 | } 61 | // loads all row data 62 | function loadData() { 63 | var rows = getTableBody().querySelectorAll('tr'), 64 | i; 65 | 66 | for (i = 0; i < rows.length; i += 1) { 67 | rows[i].data = loadRowData(rows[i]); 68 | } 69 | } 70 | // sorts the table using the data for the ith column 71 | function sortByIndex(index, desc) { 72 | var key = cols[index].key, 73 | sorter = function (a, b) { 74 | a = a.data[key]; 75 | b = b.data[key]; 76 | return a < b ? -1 : a > b ? 1 : 0; 77 | }, 78 | finalSorter = sorter, 79 | tableBody = document.querySelector('.coverage-summary tbody'), 80 | rowNodes = tableBody.querySelectorAll('tr'), 81 | rows = [], 82 | i; 83 | 84 | if (desc) { 85 | finalSorter = function (a, b) { 86 | return -1 * sorter(a, b); 87 | }; 88 | } 89 | 90 | for (i = 0; i < rowNodes.length; i += 1) { 91 | rows.push(rowNodes[i]); 92 | tableBody.removeChild(rowNodes[i]); 93 | } 94 | 95 | rows.sort(finalSorter); 96 | 97 | for (i = 0; i < rows.length; i += 1) { 98 | tableBody.appendChild(rows[i]); 99 | } 100 | } 101 | // removes sort indicators for current column being sorted 102 | function removeSortIndicators() { 103 | var col = getNthColumn(currentSort.index), 104 | cls = col.className; 105 | 106 | cls = cls.replace(/ sorted$/, '').replace(/ sorted-desc$/, ''); 107 | col.className = cls; 108 | } 109 | // adds sort indicators for current column being sorted 110 | function addSortIndicators() { 111 | getNthColumn(currentSort.index).className += currentSort.desc ? ' sorted-desc' : ' sorted'; 112 | } 113 | // adds event listeners for all sorter widgets 114 | function enableUI() { 115 | var i, 116 | el, 117 | ithSorter = function ithSorter(i) { 118 | var col = cols[i]; 119 | 120 | return function () { 121 | var desc = col.defaultDescSort; 122 | 123 | if (currentSort.index === i) { 124 | desc = !currentSort.desc; 125 | } 126 | sortByIndex(i, desc); 127 | removeSortIndicators(); 128 | currentSort.index = i; 129 | currentSort.desc = desc; 130 | addSortIndicators(); 131 | }; 132 | }; 133 | for (i =0 ; i < cols.length; i += 1) { 134 | if (cols[i].sortable) { 135 | // add the click event handler on the th so users 136 | // dont have to click on those tiny arrows 137 | el = getNthColumn(i).querySelector('.sorter').parentElement; 138 | if (el.addEventListener) { 139 | el.addEventListener('click', ithSorter(i)); 140 | } else { 141 | el.attachEvent('onclick', ithSorter(i)); 142 | } 143 | } 144 | } 145 | } 146 | // adds sorting functionality to the UI 147 | return function () { 148 | if (!getTable()) { 149 | return; 150 | } 151 | cols = loadColumns(); 152 | loadData(cols); 153 | addSortIndicators(); 154 | enableUI(); 155 | }; 156 | })(); 157 | 158 | window.addEventListener('load', addSorting); 159 | -------------------------------------------------------------------------------- /coverage/lcov.info: -------------------------------------------------------------------------------- 1 | TN: 2 | SF:/Users/vincent/Documents/Vincent/vue-particle-effect-buttons/src/index.vue 3 | FN:31,(anonymous_2) 4 | FN:34,(anonymous_3) 5 | FN:37,(anonymous_4) 6 | FN:41,stringToHyphens 7 | FN:45,getCSSValue 8 | FN:51,rand 9 | FN:63,(anonymous_8) 10 | FN:66,(anonymous_9) 11 | FN:77,(anonymous_10) 12 | FN:132,(anonymous_11) 13 | FN:169,(anonymous_12) 14 | FN:277,(anonymous_13) 15 | FN:279,(anonymous_14) 16 | FNF:13 17 | FNH:0 18 | FNDA:0,(anonymous_2) 19 | FNDA:0,(anonymous_3) 20 | FNDA:0,(anonymous_4) 21 | FNDA:0,stringToHyphens 22 | FNDA:0,getCSSValue 23 | FNDA:0,rand 24 | FNDA:0,(anonymous_8) 25 | FNDA:0,(anonymous_9) 26 | FNDA:0,(anonymous_10) 27 | FNDA:0,(anonymous_11) 28 | FNDA:0,(anonymous_12) 29 | FNDA:0,(anonymous_13) 30 | FNDA:0,(anonymous_14) 31 | DA:27,0 32 | DA:30,0 33 | DA:32,0 34 | DA:35,0 35 | DA:38,0 36 | DA:42,0 37 | DA:46,0 38 | DA:47,0 39 | DA:52,0 40 | DA:56,0 41 | DA:64,0 42 | DA:67,0 43 | DA:77,0 44 | DA:94,0 45 | DA:110,0 46 | DA:111,0 47 | DA:112,0 48 | DA:116,0 49 | DA:117,0 50 | DA:118,0 51 | DA:121,0 52 | DA:123,0 53 | DA:125,0 54 | DA:126,0 55 | DA:128,0 56 | DA:129,0 57 | DA:131,0 58 | DA:132,0 59 | DA:133,0 60 | DA:134,0 61 | DA:135,0 62 | DA:136,0 63 | DA:139,0 64 | DA:141,0 65 | DA:142,0 66 | DA:147,0 67 | DA:148,0 68 | DA:149,0 69 | DA:150,0 70 | DA:152,0 71 | DA:156,0 72 | DA:162,0 73 | DA:170,0 74 | DA:171,0 75 | DA:177,0 76 | DA:178,0 77 | DA:183,0 78 | DA:184,0 79 | DA:187,0 80 | DA:190,0 81 | DA:191,0 82 | DA:192,0 83 | DA:193,0 84 | DA:196,0 85 | DA:197,0 86 | DA:202,0 87 | DA:207,0 88 | DA:211,0 89 | DA:212,0 90 | DA:213,0 91 | DA:214,0 92 | DA:220,0 93 | DA:221,0 94 | DA:222,0 95 | DA:226,0 96 | DA:227,0 97 | DA:230,0 98 | DA:233,0 99 | DA:251,0 100 | DA:252,0 101 | DA:254,0 102 | DA:257,0 103 | DA:258,0 104 | DA:259,0 105 | DA:260,0 106 | DA:261,0 107 | DA:263,0 108 | DA:267,0 109 | DA:268,0 110 | DA:269,0 111 | DA:271,0 112 | DA:272,0 113 | DA:274,0 114 | DA:275,0 115 | DA:276,0 116 | DA:277,0 117 | DA:278,0 118 | DA:279,0 119 | DA:280,0 120 | DA:283,0 121 | DA:284,0 122 | DA:287,0 123 | DA:288,0 124 | DA:293,0 125 | DA:294,0 126 | DA:295,0 127 | DA:296,0 128 | DA:298,0 129 | DA:299,0 130 | DA:302,0 131 | DA:303,0 132 | DA:306,0 133 | DA:307,0 134 | DA:309,0 135 | DA:310,0 136 | DA:311,0 137 | DA:316,0 138 | DA:317,0 139 | DA:318,0 140 | DA:321,0 141 | DA:322,0 142 | DA:323,0 143 | DA:325,0 144 | DA:326,0 145 | DA:327,0 146 | DA:328,0 147 | DA:331,0 148 | DA:332,0 149 | DA:334,0 150 | DA:335,0 151 | DA:336,0 152 | DA:337,0 153 | DA:338,0 154 | DA:339,0 155 | DA:340,0 156 | DA:341,0 157 | DA:344,0 158 | DA:345,0 159 | DA:346,0 160 | DA:347,0 161 | DA:348,0 162 | DA:351,0 163 | DA:352,0 164 | DA:353,0 165 | DA:359,0 166 | DA:360,0 167 | DA:361,0 168 | DA:363,0 169 | DA:370,0 170 | DA:373,0 171 | DA:379,0 172 | DA:384,0 173 | DA:391,0 174 | DA:392,0 175 | DA:393,0 176 | DA:398,0 177 | DA:400,0 178 | DA:402,0 179 | DA:403,0 180 | DA:405,0 181 | DA:406,0 182 | LF:151 183 | LH:0 184 | BRDA:46,0,0,0 185 | BRDA:46,0,1,0 186 | BRDA:47,1,0,0 187 | BRDA:47,1,1,0 188 | BRDA:121,2,0,0 189 | BRDA:121,2,1,0 190 | BRDA:121,3,0,0 191 | BRDA:121,3,1,0 192 | BRDA:125,4,0,0 193 | BRDA:125,4,1,0 194 | BRDA:135,5,0,0 195 | BRDA:135,5,1,0 196 | BRDA:141,6,0,0 197 | BRDA:141,6,1,0 198 | BRDA:148,7,0,0 199 | BRDA:148,7,1,0 200 | BRDA:149,8,0,0 201 | BRDA:149,8,1,0 202 | BRDA:152,9,0,0 203 | BRDA:152,9,1,0 204 | BRDA:156,10,0,0 205 | BRDA:156,10,1,0 206 | BRDA:163,11,0,0 207 | BRDA:163,11,1,0 208 | BRDA:164,12,0,0 209 | BRDA:164,12,1,0 210 | BRDA:170,13,0,0 211 | BRDA:170,13,1,0 212 | BRDA:177,14,0,0 213 | BRDA:177,14,1,0 214 | BRDA:178,15,0,0 215 | BRDA:178,15,1,0 216 | BRDA:187,16,0,0 217 | BRDA:187,16,1,0 218 | BRDA:193,17,0,0 219 | BRDA:193,17,1,0 220 | BRDA:196,18,0,0 221 | BRDA:196,18,1,0 222 | BRDA:197,19,0,0 223 | BRDA:197,19,1,0 224 | BRDA:202,20,0,0 225 | BRDA:202,20,1,0 226 | BRDA:212,21,0,0 227 | BRDA:212,21,1,0 228 | BRDA:215,22,0,0 229 | BRDA:215,22,1,0 230 | BRDA:216,23,0,0 231 | BRDA:216,23,1,0 232 | BRDA:220,24,0,0 233 | BRDA:220,24,1,0 234 | BRDA:227,25,0,0 235 | BRDA:227,25,1,0 236 | BRDA:230,26,0,0 237 | BRDA:230,26,1,0 238 | BRDA:236,27,0,0 239 | BRDA:236,27,1,0 240 | BRDA:240,28,0,0 241 | BRDA:240,28,1,0 242 | BRDA:243,29,0,0 243 | BRDA:243,29,1,0 244 | BRDA:245,30,0,0 245 | BRDA:245,30,1,0 246 | BRDA:251,31,0,0 247 | BRDA:251,31,1,0 248 | BRDA:259,32,0,0 249 | BRDA:259,32,1,0 250 | BRDA:260,33,0,0 251 | BRDA:260,33,1,0 252 | BRDA:267,34,0,0 253 | BRDA:267,34,1,0 254 | BRDA:268,35,0,0 255 | BRDA:268,35,1,0 256 | BRDA:271,36,0,0 257 | BRDA:271,36,1,0 258 | BRDA:283,37,0,0 259 | BRDA:283,37,1,0 260 | BRDA:295,38,0,0 261 | BRDA:295,38,1,0 262 | BRDA:303,39,0,0 263 | BRDA:303,39,1,0 264 | BRDA:306,40,0,0 265 | BRDA:306,40,1,0 266 | BRDA:310,41,0,0 267 | BRDA:310,41,1,0 268 | BRDA:325,42,0,0 269 | BRDA:325,42,1,0 270 | BRDA:328,43,0,0 271 | BRDA:328,43,1,0 272 | BRDA:334,44,0,0 273 | BRDA:334,44,1,0 274 | BRDA:336,45,0,0 275 | BRDA:336,45,1,0 276 | BRDA:340,46,0,0 277 | BRDA:340,46,1,0 278 | BRDA:344,47,0,0 279 | BRDA:344,47,1,0 280 | BRDA:346,48,0,0 281 | BRDA:346,48,1,0 282 | BRDA:359,49,0,0 283 | BRDA:359,49,1,0 284 | BRDA:360,50,0,0 285 | BRDA:360,50,1,0 286 | BRDA:384,51,0,0 287 | BRDA:384,51,1,0 288 | BRDA:391,52,0,0 289 | BRDA:391,52,1,0 290 | BRDA:402,53,0,0 291 | BRDA:402,53,1,0 292 | BRF:108 293 | BRH:0 294 | end_of_record 295 | -------------------------------------------------------------------------------- /docs/base.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css?family=Montserrat:400,600,900|IBM+Plex+Mono:500i"); 2 | article, 3 | aside, 4 | details, 5 | figcaption, 6 | figure, 7 | footer, 8 | header, 9 | hgroup, 10 | main, 11 | nav, 12 | section, 13 | summary { 14 | display: block; 15 | } 16 | audio, 17 | canvas, 18 | video { 19 | display: inline-block; 20 | } 21 | audio:not([controls]) { 22 | display: none; 23 | height: 0; 24 | } 25 | [hidden] { 26 | display: none; 27 | } 28 | html { 29 | font-family: sans-serif; 30 | -ms-text-size-adjust: 100%; 31 | -webkit-text-size-adjust: 100%; 32 | } 33 | body { 34 | margin: 0; 35 | } 36 | a:focus { 37 | outline: thin dotted; 38 | } 39 | a:active, 40 | a:hover { 41 | outline: 0; 42 | } 43 | h1 { 44 | font-size: 2em; 45 | margin: 0.67em 0; 46 | } 47 | abbr[title] { 48 | border-bottom: 1px dotted; 49 | } 50 | b, 51 | strong { 52 | font-weight: bold; 53 | } 54 | dfn { 55 | font-style: italic; 56 | } 57 | hr { 58 | -moz-box-sizing: content-box; 59 | box-sizing: content-box; 60 | height: 0; 61 | } 62 | mark { 63 | background: #ff0; 64 | color: #000; 65 | } 66 | code, 67 | kbd, 68 | pre, 69 | samp { 70 | font-family: monospace, serif; 71 | font-size: 1em; 72 | } 73 | pre { 74 | white-space: pre-wrap; 75 | } 76 | q { 77 | quotes: "\201C""\201D""\2018""\2019"; 78 | } 79 | small { 80 | font-size: 80%; 81 | } 82 | sub, 83 | sup { 84 | font-size: 75%; 85 | line-height: 0; 86 | position: relative; 87 | vertical-align: baseline; 88 | } 89 | sup { 90 | top: -0.5em; 91 | } 92 | sub { 93 | bottom: -0.25em; 94 | } 95 | img { 96 | border: 0; 97 | } 98 | svg:not(:root) { 99 | overflow: hidden; 100 | } 101 | figure { 102 | margin: 0; 103 | } 104 | fieldset { 105 | border: 1px solid #c0c0c0; 106 | margin: 0 2px; 107 | padding: 0.35em 0.625em 0.75em; 108 | } 109 | legend { 110 | border: 0; 111 | padding: 0; 112 | } 113 | button, 114 | input, 115 | select, 116 | textarea { 117 | font-family: inherit; 118 | font-size: 100%; 119 | margin: 0; 120 | } 121 | button, 122 | input { 123 | line-height: normal; 124 | } 125 | button, 126 | select { 127 | text-transform: none; 128 | } 129 | button, 130 | html input[type="button"], 131 | input[type="reset"], 132 | input[type="submit"] { 133 | -webkit-appearance: button; 134 | cursor: pointer; 135 | } 136 | button[disabled], 137 | html input[disabled] { 138 | cursor: default; 139 | } 140 | input[type="checkbox"], 141 | input[type="radio"] { 142 | box-sizing: border-box; 143 | padding: 0; 144 | } 145 | input[type="search"] { 146 | -webkit-appearance: textfield; 147 | -moz-box-sizing: content-box; 148 | -webkit-box-sizing: content-box; 149 | box-sizing: content-box; 150 | } 151 | input[type="search"]::-webkit-search-cancel-button, 152 | input[type="search"]::-webkit-search-decoration { 153 | -webkit-appearance: none; 154 | } 155 | button::-moz-focus-inner, 156 | input::-moz-focus-inner { 157 | border: 0; 158 | padding: 0; 159 | } 160 | textarea { 161 | overflow: auto; 162 | vertical-align: top; 163 | } 164 | table { 165 | border-collapse: collapse; 166 | border-spacing: 0; 167 | } 168 | *, 169 | *::after, 170 | *::before { 171 | box-sizing: border-box; 172 | } 173 | 174 | body { 175 | --color-text: #fff; 176 | --color-bg: #000000; 177 | --color-link: #f4bf3f; 178 | --color-link-hover: #fff; 179 | --color-info: #6355b7; 180 | --color-scroll: #000000; 181 | font-family: "Montserrat", Helvetica, Arial, sans-serif; 182 | min-height: 100vh; 183 | color: #57585c; 184 | color: var(--color-text); 185 | background-color: #fff; 186 | background-color: var(--color-bg); 187 | -webkit-font-smoothing: antialiased; 188 | -moz-osx-font-smoothing: grayscale; 189 | } 190 | 191 | /* Page Loader */ 192 | .js .loading::before { 193 | content: ""; 194 | position: fixed; 195 | z-index: 100000; 196 | top: 0; 197 | left: 0; 198 | width: 100%; 199 | height: 100%; 200 | background: var(--color-bg); 201 | } 202 | 203 | .js .loading::after { 204 | content: ""; 205 | position: fixed; 206 | z-index: 100000; 207 | top: 50%; 208 | left: 50%; 209 | width: 60px; 210 | height: 60px; 211 | margin: -30px 0 0 -30px; 212 | pointer-events: none; 213 | border-radius: 50%; 214 | opacity: 0.4; 215 | background: var(--color-link); 216 | animation: loaderAnim 0.7s linear infinite alternate forwards; 217 | } 218 | 219 | @keyframes loaderAnim { 220 | to { 221 | opacity: 1; 222 | transform: scale3d(0.5, 0.5, 1); 223 | } 224 | } 225 | 226 | a { 227 | text-decoration: none; 228 | color: var(--color-link); 229 | outline: none; 230 | } 231 | 232 | a:hover, 233 | a:focus { 234 | color: var(--color-link-hover); 235 | outline: none; 236 | } 237 | 238 | .hidden { 239 | position: absolute; 240 | overflow: hidden; 241 | width: 0; 242 | height: 0; 243 | pointer-events: none; 244 | } 245 | 246 | /* Icons */ 247 | .icon { 248 | display: block; 249 | width: 2em; 250 | height: 2em; 251 | margin: 0 auto; 252 | fill: currentColor; 253 | } 254 | 255 | main { 256 | position: relative; 257 | margin: 0 auto; 258 | } 259 | 260 | /* Header */ 261 | .codrops-header { 262 | position: relative; 263 | z-index: 100; 264 | display: flex; 265 | flex-direction: row; 266 | align-items: center; 267 | width: 100%; 268 | padding: 10vw; 269 | background-image: linear-gradient(110deg, #1e089b, #4702a0); 270 | font-size: 75%; 271 | } 272 | 273 | .codrops-header__inner { 274 | display: flex; 275 | max-width: 500px; 276 | flex-direction: column; 277 | align-items: flex-start; 278 | } 279 | 280 | .codrops-header__title { 281 | font-size: 1.5rem; 282 | line-height: 1; 283 | font-weight: 600; 284 | margin: 0; 285 | padding: 0.5rem 0; 286 | font-family: "IBM Plex Mono", monospace; 287 | font-weight: 500; 288 | background: linear-gradient(90deg, #f7c53d 0%, #9302a0 50%, #6dbaa3 100%); 289 | background-size: cover; 290 | -webkit-background-clip: text; 291 | -webkit-text-fill-color: transparent; 292 | background-clip: text; 293 | text-fill-color: transparent; 294 | } 295 | 296 | .info { 297 | margin: 1rem 0; 298 | color: var(--color-info); 299 | } 300 | 301 | .github { 302 | display: block; 303 | } 304 | 305 | /* Top Navigation Style */ 306 | .codrops-links { 307 | position: relative; 308 | display: flex; 309 | justify-content: center; 310 | text-align: center; 311 | white-space: nowrap; 312 | } 313 | 314 | .codrops-icon { 315 | display: inline-block; 316 | margin: 0.15em; 317 | padding: 0.25em; 318 | } 319 | 320 | .grid__item { 321 | position: relative; 322 | display: grid; 323 | grid-template-columns: 100%; 324 | grid-template-rows: 100%; 325 | align-items: center; 326 | justify-items: center; 327 | overflow: hidden; 328 | padding: 4rem 1.5rem; 329 | height: 100vw; 330 | width: 100%; 331 | background: var(--color-item-bg); 332 | } 333 | 334 | .grid__item-title { 335 | font-size: 0.85rem; 336 | color: var(--color-item-title); 337 | align-self: flex-start; 338 | margin: 0; 339 | } 340 | 341 | .action { 342 | position: absolute; 343 | top: 0; 344 | right: 0; 345 | background: none; 346 | margin: 2rem; 347 | color: var(--color-action); 348 | border: 0; 349 | padding: 0; 350 | opacity: 0; 351 | pointer-events: none; 352 | } 353 | 354 | .action:focus { 355 | outline: none; 356 | } 357 | 358 | .theme-1 { 359 | background: linear-gradient(120deg, #a8edea 0%, #fed6e3 100%); 360 | /* --color-action: #121019; */ 361 | } 362 | .theme-1 .vue-particle-effect-button .particles-button { 363 | background: #121019; 364 | color: #fff; 365 | padding: 1.5rem 3rem; 366 | border-radius: 5px; 367 | border: 0; 368 | } 369 | .theme-2 { 370 | background: linear-gradient(120deg, #7f54e6, #3f51b5); 371 | /* --color-action: #f3f3f3; */ 372 | } 373 | .theme-2 .vue-particle-effect-button .particles-button { 374 | background: #f3f3f3; 375 | color: #3c2e9e; 376 | padding: 1.8rem 4rem; 377 | border-radius: 5px; 378 | border: 0; 379 | } 380 | .theme-3 { 381 | background: linear-gradient(120deg, #152bc3, #5366d8); 382 | /* --color-action: #0e19a2; */ 383 | } 384 | .theme-3 .vue-particle-effect-button .particles-button { 385 | background: #0e19a2; 386 | color: #fff; 387 | padding: 2rem 4rem; 388 | border-radius: 0; 389 | border: 0; 390 | } 391 | .theme-4 { 392 | background: linear-gradient(120deg, #ecef3a, #ec6b9b); 393 | /* --color-action: #e85577; */ 394 | } 395 | .theme-4 .vue-particle-effect-button .particles-button { 396 | background: transparent; 397 | color: #e85577; 398 | padding: 1.5rem 3rem; 399 | border-radius: 15px; 400 | border: 4px solid #e85577; 401 | } 402 | .theme-5 { 403 | background: linear-gradient(120deg, #baedff, #07a2da); 404 | /* --color-action: #003ff1; */ 405 | } 406 | .theme-5 .vue-particle-effect-button .particles-button { 407 | background: #003ff1; 408 | color: #fff; 409 | padding: 1rem 2rem; 410 | border-radius: 5px; 411 | border: 0; 412 | } 413 | .theme-6 { 414 | background: linear-gradient(120deg, #9c27b0, #090772); 415 | /* --color-action: #f7d337; */ 416 | } 417 | .theme-6 .vue-particle-effect-button .particles-button { 418 | background: #f7d337; 419 | color: #000000; 420 | padding: 1.5rem 3rem; 421 | border-radius: 40px; 422 | border: 0; 423 | } 424 | .theme-7 { 425 | background: linear-gradient(-20deg, #f794a4 0%, #fdd6bd 100%); 426 | /* --color-action: #e2405b; */ 427 | } 428 | 429 | .theme-7 .vue-particle-effect-button .particles-button { 430 | background: #e2405b; 431 | color: #e9e9e9; 432 | padding: 1.8rem 4.5rem; 433 | border-radius: 0; 434 | border: 0; 435 | } 436 | .theme-8 { 437 | background: linear-gradient(120deg, #84fab0, #8fd3f4); 438 | /* --color-action: blue; */ 439 | } 440 | .theme-8 .vue-particle-effect-button .particles-button { 441 | background: linear-gradient(to top, #22b9d2 0%, #5389ec 100%); 442 | color: #fff; 443 | padding: 2rem 4rem; 444 | border-radius: 10px; 445 | border: 0; 446 | } 447 | .theme-9 { 448 | background: linear-gradient(120deg, #d299c2 0%, #fef9d7 100%); 449 | /* --color-action: #c13a3a; */ 450 | } 451 | .theme-9 .vue-particle-effect-button .particles-button { 452 | background: #c13a3a; 453 | color: #ffffff; 454 | padding: 1.5rem 3rem; 455 | border-radius: 10px; 456 | border: 0; 457 | } 458 | .theme-10 { 459 | background: linear-gradient(120deg, #fddb92 0%, #d1fdff 100%); 460 | /* --color-action: #b1b1b1; */ 461 | } 462 | .theme-10 .vue-particle-effect-button .particles-button { 463 | background: #b1b1b1; 464 | color: #fff; 465 | padding: 1.5rem 3rem; 466 | border-radius: 0; 467 | border: 0; 468 | } 469 | .theme-11 { 470 | background: linear-gradient(120deg, #fff1eb 0%, #ace0f9 100%); 471 | /* --color-action: #1b81ea; */ 472 | } 473 | .theme-11 .vue-particle-effect-button .particles-button { 474 | background: #fff; 475 | color: #1b81ea; 476 | padding: 2rem 4.5rem; 477 | border-radius: 7px; 478 | border: 0; 479 | } 480 | .theme-12 { 481 | background: linear-gradient( 482 | to right, 483 | #f78ca0 0%, 484 | #f9748f 19%, 485 | #fd868c 60%, 486 | #fe9a8b 100% 487 | ); 488 | /* --color-action: #ff4d73; */ 489 | } 490 | .theme-12 .vue-particle-effect-button .particles-button { 491 | background: #ff4d73; 492 | color: #fff; 493 | padding: 1.5rem 7rem; 494 | border-radius: 40px; 495 | border: 0; 496 | } 497 | 498 | @media screen and (min-width: 50em) { 499 | .codrops-header { 500 | position: relative; 501 | display: flex; 502 | flex-direction: column; 503 | justify-content: center; 504 | align-items: center; 505 | margin: 0 auto; 506 | min-height: 100vh; 507 | } 508 | .codrops-header__title { 509 | font-size: 3rem; 510 | } 511 | .codrops-header::after { 512 | content: "Scroll"; 513 | position: absolute; 514 | bottom: 0; 515 | left: 0; 516 | width: 100%; 517 | text-align: center; 518 | margin-bottom: 1rem; 519 | color: var(--color-scroll); 520 | } 521 | .github { 522 | position: absolute; 523 | top: 0; 524 | left: 0; 525 | margin: 2rem; 526 | } 527 | .grid { 528 | display: grid; 529 | grid-gap: 22px; 530 | grid-template-columns: repeat(2, auto); 531 | } 532 | .grid__item { 533 | height: 50vmax; 534 | width: 100%; 535 | padding: 1.5rem; 536 | } 537 | .codrops-header { 538 | font-size: 100%; 539 | padding: 0 0 2rem 0; 540 | border: 22px solid black; 541 | } 542 | } 543 | .recover_all { 544 | position: fixed; 545 | left: 50%; 546 | top: 50%; 547 | transform: translate(-50%, -50%); 548 | z-index: 99; 549 | border-radius: 10px; 550 | background: rgb(81, 185, 81); 551 | padding: 5px 15px; 552 | color: white; 553 | } 554 | -------------------------------------------------------------------------------- /docs/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreambo8563/vue-particle-effect-buttons/71e023384a6dc3a9601acf1eaeb0e36f7c722453/docs/favicon.ico -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 | vue-particle-effect-buttonsFork me on GitHub
-------------------------------------------------------------------------------- /docs/js/app.421856e5.js: -------------------------------------------------------------------------------- 1 | (function(t){function e(e){for(var n,a,o=e[0],c=e[1],l=e[2],p=0,f=[];p0)while(a--)this.addParticle({x:n+(this.isHorizontal?0:t.width*Math.random()),y:s+(this.isHorizontal?t.height*Math.random():0)});this.isAnimating||(this.canvasStyl.display="block",this.play())},addParticle:function(t){var e=60*this.mergedOps.duration/1e3,i=f.fnc(this.mergedOps.speed)?this.mergedOps.speed():this.mergedOps.speed,n=f.fnc(this.mergedOps.color)?this.mergedOps.color():this.mergedOps.color;this.particles.push({startX:t.x,startY:t.y,x:this.disintegrating?0:i*-e,y:0,color:n,angle:g(360),counter:this.disintegrating?0:e,increase:2*Math.PI/100,life:0,death:this.disintegrating?e-20+40*Math.random():e,speed:i,size:f.fnc(this.mergedOps.size)?this.mergedOps.size():this.mergedOps.size})},play:function(){this.animating||this.$emit("update:animating",!0),this.frame=requestAnimationFrame(this.loop)},loop:function(){this.updateParticles(),this.renderParticles(),this.isAnimating&&(this.animating||this.$emit("update:animating",!0),this.frame=requestAnimationFrame(this.loop))},integrate:function(t){var e=this;this.isAnimating||(this.animating||this.$emit("update:animating",!0),f.fnc(this.mergedOps.onBegin)&&this.mergedOps.onBegin(),this.disintegrating=!1,this.lastProgress=1,this.setup(t),this.animate(function(t){var i=t.animatables[0].target.value;setTimeout(function(){e.addTransforms(i)},e.mergedOps.duration),e.mergedOps.duration&&e.addParticles(e.rect,i/100,!0)}),this.buttonVisible=!0,this.$emit("update:visible",!0))},updateParticles:function(){for(var t=0;te.death?this.particles.splice(t,1):(e.x+=e.speed,e.y=this.mergedOps.oscillationCoefficient*Math.sin(e.counter*e.increase),e.life++,e.counter+=this.disintegrating?1:-1)}this.particles.length||(this.pause(),this.canvasStyl.display="none",f.fnc(this.mergedOps.onComplete)&&this.mergedOps.onComplete())},pause:function(){cancelAnimationFrame(this.frame),this.$emit("update:animating",!1),this.frame=null},renderParticles:function(){this.ctx.clearRect(0,0,this.width,this.height);for(var t=0;t\n
\n
\n
\n \n \n \n \n
\n
\n \n
\n \n\n\n\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=4a2b0358&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","\n\n\n\n\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=f7c145e4&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import Vue from \"vue\";\nimport App from \"./App.vue\";\n\nVue.config.productionTip = false;\n\nnew Vue({\n render: h => h(App)\n}).$mount(\"#app\");\n","import mod from \"-!../node_modules/vue-style-loader/index.js??ref--8-oneOf-1-0!../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../node_modules/vue-style-loader/index.js??ref--8-oneOf-1-0!../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}\", \"\"]);\n\n// exports\n","// style-loader: Adds some css to the DOM by adding a 18 | 19 | 20 | 26 | Fork me on GitHub 37 |
38 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 24 | 25 | 181 | 182 | 192 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import particleButton from "./index.vue"; 2 | export default particleButton; 3 | -------------------------------------------------------------------------------- /src/index.scss: -------------------------------------------------------------------------------- 1 | .vue-particle-effect-button { 2 | display: inline-block; 3 | .particles { 4 | position: relative; 5 | } 6 | 7 | .particles-canvas { 8 | position: absolute; 9 | pointer-events: none; 10 | top: 50%; 11 | left: 50%; 12 | transform: translate3d(-50%, -50%, 0); 13 | } 14 | 15 | .particles-wrapper { 16 | position: relative; 17 | display: inline-block; 18 | overflow: hidden; 19 | will-change: transform; 20 | } 21 | 22 | .particles-button { 23 | -webkit-touch-callout: none; 24 | -webkit-user-select: none; 25 | -khtml-user-select: none; 26 | -moz-user-select: none; 27 | -ms-user-select: none; 28 | user-select: none; 29 | -webkit-tap-highlight-color: transparent; 30 | cursor: pointer; 31 | position: relative; 32 | border-radius: 5px; 33 | background: #121019; 34 | color: #fff; 35 | border: 0; 36 | margin: 0; 37 | padding: 1.5rem 3rem; 38 | will-change: transform; 39 | } 40 | 41 | .particles-button:focus { 42 | outline: none; 43 | } 44 | } 45 | -------------------------------------------------------------------------------- /src/index.vue: -------------------------------------------------------------------------------- 1 | 26 | 411 | 414 | -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from "vue"; 2 | import App from "./App.vue"; 3 | 4 | Vue.config.productionTip = false; 5 | 6 | new Vue({ 7 | render: h => h(App) 8 | }).$mount("#app"); 9 | -------------------------------------------------------------------------------- /tests/unit/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | env: { 3 | jest: true 4 | } 5 | }; 6 | -------------------------------------------------------------------------------- /tests/unit/example.spec.js: -------------------------------------------------------------------------------- 1 | // import { shallowMount } from "@vue/test-utils"; 2 | // import HelloWorld from "@/components/HelloWorld.vue"; 3 | 4 | // describe("HelloWorld.vue", () => { 5 | // it("renders props.msg when passed", () => { 6 | // const msg = "new message"; 7 | // const wrapper = shallowMount(HelloWorld, { 8 | // propsData: { msg } 9 | // }); 10 | // expect(wrapper.text()).toMatch(msg); 11 | // }); 12 | // }); 13 | -------------------------------------------------------------------------------- /vue.config.js: -------------------------------------------------------------------------------- 1 | const externals = 2 | process.env.NODE_ENV == "production" && !process.env.DOC_ENV 3 | ? { 4 | animejs: "animejs" 5 | } 6 | : {}; 7 | module.exports = { 8 | publicPath: 9 | process.env.NODE_ENV === "production" 10 | ? "/vue-particle-effect-buttons/" 11 | : "/", 12 | css: { 13 | extract: false 14 | }, 15 | chainWebpack: config => { 16 | config.externals(externals); 17 | } 18 | }; 19 | --------------------------------------------------------------------------------