├── .eslintignore ├── .eslintrc.js ├── .gitignore ├── LICENSE ├── README.md ├── config ├── webpack.config.base.js ├── webpack.config.browser.js ├── webpack.config.common.js └── webpack.config.dev.js ├── dist ├── vue-spinners.browser.js ├── vue-spinners.common.js └── vue-spinners.css ├── docs ├── docs.html ├── vuikit-icons.min.js ├── vuikit.min.css └── vuikit.min.js ├── index.js ├── package-lock.json ├── package.json └── src ├── components ├── BounceSpinner.vue ├── CircleSpinner.vue ├── CubeSpinner.vue ├── FoldSpinner.vue ├── PulseSpinner.vue ├── SquareSpinner.vue └── TileSpinner.vue └── index.js /.eslintignore: -------------------------------------------------------------------------------- 1 | dist/ 2 | node_modules/ -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | parser: 'babel-eslint', 4 | parserOptions: { 5 | sourceType: 'module' 6 | }, 7 | // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style 8 | extends: 'standard', 9 | // required to lint *.vue files 10 | plugins: [ 11 | 'html' 12 | ], 13 | env: { 14 | browser: true, 15 | }, 16 | // add your custom rules here 17 | /* 18 | 'rules': { 19 | // allow paren-less arrow functions 20 | 'arrow-parens': 0, 21 | // allow async-await 22 | 'generator-star-spacing': 0, 23 | // allow debugger during development 24 | 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0, 25 | // trailing comma 26 | 'comma-dangle': ['error', 'always-multiline'], 27 | }*/ 28 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Runtime data 9 | pids 10 | *.pid 11 | *.seed 12 | *.pid.lock 13 | 14 | # Directory for instrumented libs generated by jscoverage/JSCover 15 | lib-cov 16 | 17 | # Coverage directory used by tools like istanbul 18 | coverage 19 | 20 | # nyc test coverage 21 | .nyc_output 22 | 23 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 24 | .grunt 25 | 26 | # Bower dependency directory (https://bower.io/) 27 | bower_components 28 | 29 | # node-waf configuration 30 | .lock-wscript 31 | 32 | # Compiled binary addons (https://nodejs.org/api/addons.html) 33 | build/Release 34 | 35 | # Dependency directories 36 | node_modules/ 37 | jspm_packages/ 38 | 39 | # TypeScript v1 declaration files 40 | typings/ 41 | 42 | # Optional npm cache directory 43 | .npm 44 | 45 | # Optional eslint cache 46 | .eslintcache 47 | 48 | # Optional REPL history 49 | .node_repl_history 50 | 51 | # Output of 'npm pack' 52 | *.tgz 53 | 54 | # Yarn Integrity file 55 | .yarn-integrity 56 | 57 | # dotenv environment variables file 58 | .env 59 | 60 | # next.js build output 61 | .next 62 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 Adib Mohsin 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Vue Spinners [![forthebadge](https://forthebadge.com/images/badges/uses-js.svg)](https://forthebadge.com)[![forthebadge](https://forthebadge.com/images/badges/made-with-vue.svg)](https://forthebadge.com)[![forthebadge](https://forthebadge.com/images/badges/uses-css.svg)](https://forthebadge.com) 2 | 3 | [![npm](https://img.shields.io/npm/v/vue-spinners.svg) ![npm](https://img.shields.io/npm/dm/vue-spinners.svg)](https://www.npmjs.com/package/vue-spinners) 4 | [![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/) 5 | [![MadeWithVueJs.com shield](https://madewithvuejs.com/storage/repo-shields/694-shield.svg)](https://madewithvuejs.com/p/vue-spinners/shield-link) 6 | 7 | A vue js component library which contains multiple spinners from [SpinKit](http://tobiasahlin.com/spinkit/) . Vue components built by Adib Mohsin. Please take a look at the [live example](https://pacifio.github.io/vue-spinners/docs/docs.html) 8 | 9 | ## Table of contents 10 | 11 | - [Installation](#installation) 12 | - [Usage](#usage) 13 | - [Example](#example) 14 | 15 | # Installation 16 | 17 | ```bash 18 | npm install --save vue-spinners 19 | ``` 20 | 21 | ## You could use it in the browser 22 | ```html 23 | 24 | 25 | 26 | 27 | 28 | 29 | ``` 30 | 31 | ## Default import 32 | 33 | Install all the components: 34 | 35 | ```javascript 36 | import Vue from 'vue' 37 | import VueSpinners from 'vue-spinners' 38 | 39 | Vue.use(VueSpinners) 40 | ``` 41 | 42 | Use specific components: 43 | 44 | ```javascript 45 | import Vue from 'vue' 46 | import { SquareSpinner } from 'vue-spinners' 47 | 48 | Vue.component('square', SquareSpinner) 49 | ``` 50 | 51 | **⚠️ A css file is included when importing the package. You may have to setup your bundler to embed the css in your page.** 52 | 53 | ## Distribution import 54 | 55 | Install all the components: 56 | 57 | ```javascript 58 | import 'vue-spinners/dist/vue-spinners.css' 59 | import VueSpinners from 'vue-spinners/dist/vue-spinners.common' 60 | 61 | Vue.use(VueSpinners) 62 | ``` 63 | 64 | Use specific components: 65 | 66 | ```javascript 67 | import 'vue-spinners/dist/vue-spinners.css' 68 | import { SquareSpinner } from 'vue-spinners/dist/vue-spinners.common' 69 | 70 | Vue.component('square', SquareSpinner) 71 | ``` 72 | 73 | **⚠️ You may have to setup your bundler to embed the css file in your page.** 74 | 75 | ## Browser 76 | 77 | ```html 78 | 79 | 80 | 81 | 82 | ``` 83 | 84 | The plugin should be auto-installed. If not, you can install it manually with the instructions below. 85 | 86 | Install all the components: 87 | 88 | ```javascript 89 | Vue.use(VueSpinners) 90 | ``` 91 | 92 | Use specific components: 93 | 94 | ```javascript 95 | Vue.component('square', VueSpinners.SquareSpinner) 96 | ``` 97 | 98 | ## Source import 99 | 100 | Install all the components: 101 | 102 | ```javascript 103 | import Vue from 'vue' 104 | import VueSpinners from 'vue-spinners/src' 105 | 106 | Vue.use(VueSpinners) 107 | ``` 108 | 109 | Use specific components: 110 | 111 | ```javascript 112 | import Vue from 'vue' 113 | import { SquareSpinner } from 'vue-spinners/src' 114 | 115 | Vue.component('square', SquareSpinner) 116 | ``` 117 | 118 | **⚠️ You need to configure your bundler to compile `.vue` files.** More info [in the official documentation](https://vuejs.org/v2/guide/single-file-components.html). 119 | 120 | # Usage 121 | ## This is a simple example showing the square spinner 122 | ```javascript 123 | # main.js 124 | import Vue from 'vue' 125 | import VueSpinners from 'vue-spinners' 126 | 127 | Vue.use(VueSpinners) 128 | ``` 129 | ## Then use it inside your vue component (.vue) file 130 | ```jsx 131 | 136 | ``` 137 | ## You can also pass down loading prop in order to dynamically show this spinner 138 | ```jsx 139 | 144 | 153 | ``` 154 | 155 | 156 | # Example 157 | 158 | ### All the live examples live in [here](https://pacifio.github.io/vue-spinners/docs/docs.html) 159 | --- 160 | 161 | # Plugin Development 162 | 163 | ## Installation 164 | 165 | The first time you create or clone your plugin, you need to install the default dependencies: 166 | 167 | ``` 168 | npm install 169 | ``` 170 | 171 | ## Watch and compile 172 | 173 | This will run webpack in watching mode and output the compiled files in the `dist` folder. 174 | 175 | ``` 176 | npm run dev 177 | ``` 178 | 179 | ## Use it in another project 180 | 181 | While developping, you can follow the install instructions of your plugin and link it into the project that uses it. 182 | 183 | In the plugin folder: 184 | 185 | ``` 186 | npm link 187 | ``` 188 | 189 | In the other project folder: 190 | 191 | ``` 192 | npm link vue-spinners 193 | ``` 194 | 195 | This will install it in the dependencies as a symlink, so that it gets any modifications made to the plugin. 196 | 197 | ## Publish to npm 198 | 199 | You may have to login to npm before, with `npm adduser`. The plugin will be built in production mode before getting published on npm. 200 | 201 | ``` 202 | npm publish 203 | ``` 204 | 205 | ## Manual build 206 | 207 | This will build the plugin into the `dist` folder in production mode. 208 | 209 | ``` 210 | npm run build 211 | ``` 212 | 213 | --- 214 | 215 | ## License 216 | 217 | [MIT](http://opensource.org/licenses/MIT) 218 | -------------------------------------------------------------------------------- /config/webpack.config.base.js: -------------------------------------------------------------------------------- 1 | var webpack = require('webpack') 2 | var ExtractTextPlugin = require('extract-text-webpack-plugin') 3 | 4 | var outputFile = 'vue-spinners' 5 | var globalName = 'VueSpinners' 6 | 7 | var config = require('../package.json') 8 | 9 | module.exports = { 10 | entry: './src/index.js', 11 | module: { 12 | rules: [ 13 | { 14 | enforce: 'pre', 15 | test: /\.(js|vue)$/, 16 | //loader: 'eslint-loader', 17 | exclude: /node_modules/, 18 | }, 19 | { 20 | test: /.js$/, 21 | use: 'babel-loader', 22 | }, 23 | { 24 | test: /\.vue$/, 25 | loader: 'vue-loader', 26 | options: { 27 | loaders: { 28 | css: ExtractTextPlugin.extract('css-loader'), 29 | }, 30 | }, 31 | }, 32 | ], 33 | }, 34 | plugins: [ 35 | new webpack.DefinePlugin({ 36 | 'VERSION': JSON.stringify(config.version), 37 | }), 38 | new ExtractTextPlugin(outputFile + '.css'), 39 | ], 40 | } 41 | -------------------------------------------------------------------------------- /config/webpack.config.browser.js: -------------------------------------------------------------------------------- 1 | var webpack = require('webpack') 2 | var merge = require('webpack-merge') 3 | var base = require('./webpack.config.base') 4 | var path = require('path') 5 | 6 | var outputFile = 'vue-spinners' 7 | var globalName = 'VueSpinners' 8 | 9 | const UglifyJsPlugin = require('uglifyjs-webpack-plugin') 10 | 11 | 12 | module.exports = merge(base, { 13 | output: { 14 | path: path.resolve(__dirname, '../dist'), 15 | filename: outputFile + '.browser.js', 16 | library: globalName, 17 | libraryTarget: 'umd', 18 | }, 19 | externals: { 20 | // Put external libraries like lodash here 21 | // With their global name 22 | // Example: 'lodash': '_' 23 | }, 24 | plugins: [ 25 | new UglifyJsPlugin({ 26 | "uglifyOptions": { 27 | compress: { 28 | warnings: true 29 | }, 30 | mangle: false, 31 | } 32 | }) 33 | ], 34 | }) 35 | -------------------------------------------------------------------------------- /config/webpack.config.common.js: -------------------------------------------------------------------------------- 1 | var webpack = require('webpack') 2 | var merge = require('webpack-merge') 3 | var base = require('./webpack.config.base') 4 | var path = require('path') 5 | var outputFile = 'vue-spinners' 6 | var globalName = 'VueSpinners' 7 | 8 | const UglifyJsPlugin = require('uglifyjs-webpack-plugin') 9 | 10 | module.exports = merge(base, { 11 | output: { 12 | path: path.resolve(__dirname, '../dist'), 13 | filename: outputFile + '.common.js', 14 | libraryTarget: 'commonjs2', 15 | }, 16 | target: 'node', 17 | externals: { 18 | // Put external libraries like lodash here 19 | // With their package name 20 | // Example: 'lodash': 'lodash' 21 | }, 22 | plugins: [ 23 | /*new webpack.optimize.UglifyJsPlugin({ 24 | compress: { 25 | warnings: true, 26 | }, 27 | mangle: false, 28 | }),*/ 29 | new UglifyJsPlugin({ 30 | "uglifyOptions": { 31 | compress: { 32 | warnings: true 33 | }, 34 | mangle: false, 35 | } 36 | }) 37 | ], 38 | }) -------------------------------------------------------------------------------- /config/webpack.config.dev.js: -------------------------------------------------------------------------------- 1 | var merge = require('webpack-merge') 2 | var base = require('./webpack.config.base') 3 | var path = require('path') 4 | 5 | var outputFile = 'vue-spinners' 6 | var globalName = 'VueSpinners' 7 | 8 | module.exports = merge(base, { 9 | output: { 10 | path: path.resolve(__dirname, '../dist'), 11 | filename: outputFile + '.common.js', 12 | library: globalName, 13 | libraryTarget: 'umd', 14 | }, 15 | devtool: 'eval-source-map', 16 | }) 17 | -------------------------------------------------------------------------------- /dist/vue-spinners.browser.js: -------------------------------------------------------------------------------- 1 | !function(root,factory){"object"==typeof exports&&"object"==typeof module?module.exports=factory():"function"==typeof define&&define.amd?define([],factory):"object"==typeof exports?exports.VueSpinners=factory():root.VueSpinners=factory()}(this,function(){return function(modules){var installedModules={};function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}return __webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.i=function(value){return value},__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{configurable:!1,enumerable:!0,get:getter})},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=16)}([function(module,exports){module.exports=function(rawScriptExports,compiledTemplate,scopeId,cssModules){var esModule,scriptExports=rawScriptExports=rawScriptExports||{},type=typeof rawScriptExports.default;"object"!==type&&"function"!==type||(esModule=rawScriptExports,scriptExports=rawScriptExports.default);var options="function"==typeof scriptExports?scriptExports.options:scriptExports;if(compiledTemplate&&(options.render=compiledTemplate.render,options.staticRenderFns=compiledTemplate.staticRenderFns),scopeId&&(options._scopeId=scopeId),cssModules){var computed=options.computed||(options.computed={});Object.keys(cssModules).forEach(function(key){var module=cssModules[key];computed[key]=function(){return module}})}return{esModule:esModule,exports:scriptExports,options:options}}},function(module,exports){var g;g=function(){return this}();try{g=g||Function("return this")()||(0,eval)("this")}catch(e){"object"==typeof window&&(g=window)}module.exports=g},function(module,exports,__webpack_require__){__webpack_require__(22);var Component=__webpack_require__(0)(__webpack_require__(9),__webpack_require__(29),"data-v-76b46833",null);module.exports=Component.exports},function(module,exports,__webpack_require__){__webpack_require__(20);var Component=__webpack_require__(0)(__webpack_require__(10),__webpack_require__(27),"data-v-1e7464eb",null);module.exports=Component.exports},function(module,exports,__webpack_require__){__webpack_require__(18);var Component=__webpack_require__(0)(__webpack_require__(11),__webpack_require__(25),"data-v-12edc234",null);module.exports=Component.exports},function(module,exports,__webpack_require__){__webpack_require__(17);var Component=__webpack_require__(0)(__webpack_require__(12),__webpack_require__(24),"data-v-02553f9a",null);module.exports=Component.exports},function(module,exports,__webpack_require__){__webpack_require__(21);var Component=__webpack_require__(0)(__webpack_require__(13),__webpack_require__(28),"data-v-6b9f29ee",null);module.exports=Component.exports},function(module,exports,__webpack_require__){__webpack_require__(19);var Component=__webpack_require__(0)(__webpack_require__(14),__webpack_require__(26),"data-v-168a067e",null);module.exports=Component.exports},function(module,exports,__webpack_require__){__webpack_require__(23);var Component=__webpack_require__(0)(__webpack_require__(15),__webpack_require__(30),"data-v-ae580a66",null);module.exports=Component.exports},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.default={props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#333"},width:{type:String,default:"50"},height:{type:String,default:"40"}},data(){return{isLoading:this.loading,styles:{backgroundColor:this.color,width:this.width+"px",height:this.height+"px"}}},name:"BounceSpinner"}},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.default={props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#333"},width:{type:String,default:"40"},height:{type:String,default:"40"}},data(){return{isLoading:this.loading,styles:{backgroundColor:this.color,width:this.width+"px",height:this.height+"px"}}},name:"CircleSpinner"}},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.default={props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#333"},width:{type:String,default:"40"},height:{type:String,default:"40"}},data(){return{isLoading:this.loading,styles:{backgroundColor:this.color,width:this.width+"px",height:this.height+"px"}}},name:"CubeSpinner"}},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.default={props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#333"},width:{type:String,default:"40"},height:{type:String,default:"40"}},data(){return{isLoading:this.loading,styles:{backgroundColor:this.color,width:this.width+"px",height:this.height+"px"}}},name:"FoldSpinner"}},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.default={props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#333"},width:{type:String,default:"40"},height:{type:String,default:"40"}},data(){return{isLoading:this.loading,styles:{backgroundColor:this.color,width:this.width+"px",height:this.height+"px"}}},name:"PulseSpinner"}},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.default={props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#333"},width:{type:String,default:"40"},height:{type:String,default:"40"}},data(){return{isLoading:this.loading,styles:{backgroundColor:this.color,width:this.width+"px",height:this.height+"px"}}},name:"SquareSpinner"}},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.default={props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#333"},width:{type:String,default:"50"},height:{type:String,default:"40"}},data(){return{isLoading:this.loading,styles:{backgroundColor:this.color,width:this.width+"px",height:this.height+"px"}}},name:"TileSpinner"}},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),function(global){__webpack_exports__.install=install;var __WEBPACK_IMPORTED_MODULE_0__components_SquareSpinner_vue__=__webpack_require__(7),__WEBPACK_IMPORTED_MODULE_0__components_SquareSpinner_vue___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__components_SquareSpinner_vue__),__WEBPACK_IMPORTED_MODULE_1__components_TileSpinner_vue__=__webpack_require__(8),__WEBPACK_IMPORTED_MODULE_1__components_TileSpinner_vue___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__components_TileSpinner_vue__),__WEBPACK_IMPORTED_MODULE_2__components_PulseSpinner_vue__=__webpack_require__(6),__WEBPACK_IMPORTED_MODULE_2__components_PulseSpinner_vue___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__components_PulseSpinner_vue__),__WEBPACK_IMPORTED_MODULE_3__components_FoldSpinner_vue__=__webpack_require__(5),__WEBPACK_IMPORTED_MODULE_3__components_FoldSpinner_vue___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3__components_FoldSpinner_vue__),__WEBPACK_IMPORTED_MODULE_4__components_CubeSpinner_vue__=__webpack_require__(4),__WEBPACK_IMPORTED_MODULE_4__components_CubeSpinner_vue___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4__components_CubeSpinner_vue__),__WEBPACK_IMPORTED_MODULE_5__components_BounceSpinner_vue__=__webpack_require__(2),__WEBPACK_IMPORTED_MODULE_5__components_BounceSpinner_vue___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5__components_BounceSpinner_vue__),__WEBPACK_IMPORTED_MODULE_6__components_CircleSpinner_vue__=__webpack_require__(3),__WEBPACK_IMPORTED_MODULE_6__components_CircleSpinner_vue___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6__components_CircleSpinner_vue__);function install(Vue){Vue.component("square",__WEBPACK_IMPORTED_MODULE_0__components_SquareSpinner_vue___default.a),Vue.component("tile",__WEBPACK_IMPORTED_MODULE_1__components_TileSpinner_vue___default.a),Vue.component("pulse",__WEBPACK_IMPORTED_MODULE_2__components_PulseSpinner_vue___default.a),Vue.component("fold",__WEBPACK_IMPORTED_MODULE_3__components_FoldSpinner_vue___default.a),Vue.component("cube",__WEBPACK_IMPORTED_MODULE_4__components_CubeSpinner_vue___default.a),Vue.component("bounce",__WEBPACK_IMPORTED_MODULE_5__components_BounceSpinner_vue___default.a),Vue.component("circle-spin",__WEBPACK_IMPORTED_MODULE_6__components_CircleSpinner_vue___default.a)}__webpack_require__.d(__webpack_exports__,"SquareSpinner",function(){return __WEBPACK_IMPORTED_MODULE_0__components_SquareSpinner_vue___default.a}),__webpack_require__.d(__webpack_exports__,"TileSpinner",function(){return __WEBPACK_IMPORTED_MODULE_1__components_TileSpinner_vue___default.a}),__webpack_require__.d(__webpack_exports__,"PulseSpinner",function(){return __WEBPACK_IMPORTED_MODULE_2__components_PulseSpinner_vue___default.a}),__webpack_require__.d(__webpack_exports__,"FoldSpinner",function(){return __WEBPACK_IMPORTED_MODULE_3__components_FoldSpinner_vue___default.a}),__webpack_require__.d(__webpack_exports__,"CubeSpinner",function(){return __WEBPACK_IMPORTED_MODULE_4__components_CubeSpinner_vue___default.a}),__webpack_require__.d(__webpack_exports__,"BounceSpinner",function(){return __WEBPACK_IMPORTED_MODULE_5__components_BounceSpinner_vue___default.a}),__webpack_require__.d(__webpack_exports__,"CircleSpinner",function(){return __WEBPACK_IMPORTED_MODULE_6__components_CircleSpinner_vue___default.a});const plugin={version:"1.0.2",install:install};__webpack_exports__.default=plugin;let GlobalVue=null;"undefined"!=typeof window?GlobalVue=window.Vue:void 0!==global&&(GlobalVue=global.Vue),GlobalVue&&GlobalVue.use(plugin)}.call(__webpack_exports__,__webpack_require__(1))},function(module,exports){},function(module,exports){},function(module,exports){},function(module,exports){},function(module,exports){},function(module,exports){},function(module,exports){},function(module,exports){module.exports={render:function(){var _h=this.$createElement,_c=this._self._c||_h;return this.isLoading?_c("div",[this._m(0)]):this._e()},staticRenderFns:[function(){var _h=this.$createElement,_c=this._self._c||_h;return _c("div",{staticClass:"sk-folding-cube"},[_c("div",{staticClass:"sk-cube1 sk-cube"}),this._v(" "),_c("div",{staticClass:"sk-cube2 sk-cube"}),this._v(" "),_c("div",{staticClass:"sk-cube4 sk-cube"}),this._v(" "),_c("div",{staticClass:"sk-cube3 sk-cube"})])}]}},function(module,exports){module.exports={render:function(){var _h=this.$createElement,_c=this._self._c||_h;return this.isLoading?_c("div",[this._m(0)]):this._e()},staticRenderFns:[function(){var _h=this.$createElement,_c=this._self._c||_h;return _c("div",{staticClass:"spinner"},[_c("div",{staticClass:"cube1"}),this._v(" "),_c("div",{staticClass:"cube2"})])}]}},function(module,exports){module.exports={render:function(){var _h=this.$createElement,_c=this._self._c||_h;return this.isLoading?_c("div",[_c("div",{staticClass:"spinner",style:this.styles})]):this._e()},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){var _h=this.$createElement,_c=this._self._c||_h;return this.isLoading?_c("div",[this._m(0)]):this._e()},staticRenderFns:[function(){var _vm=this,_h=_vm.$createElement,_c=_vm._self._c||_h;return _c("div",{staticClass:"sk-fading-circle"},[_c("div",{staticClass:"sk-circle1 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle2 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle3 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle4 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle5 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle6 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle7 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle8 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle9 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle10 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle11 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle12 sk-circle"})])}]}},function(module,exports){module.exports={render:function(){var _h=this.$createElement,_c=this._self._c||_h;return this.isLoading?_c("div",[_c("div",{staticClass:"spinner"})]):this._e()},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){var _h=this.$createElement,_c=this._self._c||_h;return this.isLoading?_c("div",[this._m(0)]):this._e()},staticRenderFns:[function(){var _h=this.$createElement,_c=this._self._c||_h;return _c("div",{staticClass:"spinner"},[_c("div",{staticClass:"double-bounce1"}),this._v(" "),_c("div",{staticClass:"double-bounce2"})])}]}},function(module,exports){module.exports={render:function(){var _h=this.$createElement,_c=this._self._c||_h;return this.isLoading?_c("div",[this._m(0)]):this._e()},staticRenderFns:[function(){var _h=this.$createElement,_c=this._self._c||_h;return _c("div",{staticClass:"spinner"},[_c("div",{staticClass:"rect1"}),this._v(" "),_c("div",{staticClass:"rect2"}),this._v(" "),_c("div",{staticClass:"rect3"}),this._v(" "),_c("div",{staticClass:"rect4"}),this._v(" "),_c("div",{staticClass:"rect5"})])}]}}])}); -------------------------------------------------------------------------------- /dist/vue-spinners.common.js: -------------------------------------------------------------------------------- 1 | module.exports=function(modules){var installedModules={};function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}return __webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.i=function(value){return value},__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{configurable:!1,enumerable:!0,get:getter})},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=15)}([function(module,exports){module.exports=function(rawScriptExports,compiledTemplate,scopeId,cssModules){var esModule,scriptExports=rawScriptExports=rawScriptExports||{},type=typeof rawScriptExports.default;"object"!==type&&"function"!==type||(esModule=rawScriptExports,scriptExports=rawScriptExports.default);var options="function"==typeof scriptExports?scriptExports.options:scriptExports;if(compiledTemplate&&(options.render=compiledTemplate.render,options.staticRenderFns=compiledTemplate.staticRenderFns),scopeId&&(options._scopeId=scopeId),cssModules){var computed=options.computed||(options.computed={});Object.keys(cssModules).forEach(function(key){var module=cssModules[key];computed[key]=function(){return module}})}return{esModule:esModule,exports:scriptExports,options:options}}},function(module,exports,__webpack_require__){__webpack_require__(21);var Component=__webpack_require__(0)(__webpack_require__(8),__webpack_require__(28),"data-v-76b46833",null);module.exports=Component.exports},function(module,exports,__webpack_require__){__webpack_require__(19);var Component=__webpack_require__(0)(__webpack_require__(9),__webpack_require__(26),"data-v-1e7464eb",null);module.exports=Component.exports},function(module,exports,__webpack_require__){__webpack_require__(17);var Component=__webpack_require__(0)(__webpack_require__(10),__webpack_require__(24),"data-v-12edc234",null);module.exports=Component.exports},function(module,exports,__webpack_require__){__webpack_require__(16);var Component=__webpack_require__(0)(__webpack_require__(11),__webpack_require__(23),"data-v-02553f9a",null);module.exports=Component.exports},function(module,exports,__webpack_require__){__webpack_require__(20);var Component=__webpack_require__(0)(__webpack_require__(12),__webpack_require__(27),"data-v-6b9f29ee",null);module.exports=Component.exports},function(module,exports,__webpack_require__){__webpack_require__(18);var Component=__webpack_require__(0)(__webpack_require__(13),__webpack_require__(25),"data-v-168a067e",null);module.exports=Component.exports},function(module,exports,__webpack_require__){__webpack_require__(22);var Component=__webpack_require__(0)(__webpack_require__(14),__webpack_require__(29),"data-v-ae580a66",null);module.exports=Component.exports},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.default={props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#333"},width:{type:String,default:"50"},height:{type:String,default:"40"}},data(){return{isLoading:this.loading,styles:{backgroundColor:this.color,width:this.width+"px",height:this.height+"px"}}},name:"BounceSpinner"}},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.default={props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#333"},width:{type:String,default:"40"},height:{type:String,default:"40"}},data(){return{isLoading:this.loading,styles:{backgroundColor:this.color,width:this.width+"px",height:this.height+"px"}}},name:"CircleSpinner"}},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.default={props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#333"},width:{type:String,default:"40"},height:{type:String,default:"40"}},data(){return{isLoading:this.loading,styles:{backgroundColor:this.color,width:this.width+"px",height:this.height+"px"}}},name:"CubeSpinner"}},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.default={props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#333"},width:{type:String,default:"40"},height:{type:String,default:"40"}},data(){return{isLoading:this.loading,styles:{backgroundColor:this.color,width:this.width+"px",height:this.height+"px"}}},name:"FoldSpinner"}},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.default={props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#333"},width:{type:String,default:"40"},height:{type:String,default:"40"}},data(){return{isLoading:this.loading,styles:{backgroundColor:this.color,width:this.width+"px",height:this.height+"px"}}},name:"PulseSpinner"}},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.default={props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#333"},width:{type:String,default:"40"},height:{type:String,default:"40"}},data(){return{isLoading:this.loading,styles:{backgroundColor:this.color,width:this.width+"px",height:this.height+"px"}}},name:"SquareSpinner"}},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.default={props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#333"},width:{type:String,default:"50"},height:{type:String,default:"40"}},data(){return{isLoading:this.loading,styles:{backgroundColor:this.color,width:this.width+"px",height:this.height+"px"}}},name:"TileSpinner"}},function(module,__webpack_exports__,__webpack_require__){"use strict";Object.defineProperty(__webpack_exports__,"__esModule",{value:!0}),__webpack_exports__.install=install;var __WEBPACK_IMPORTED_MODULE_0__components_SquareSpinner_vue__=__webpack_require__(6),__WEBPACK_IMPORTED_MODULE_0__components_SquareSpinner_vue___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__components_SquareSpinner_vue__),__WEBPACK_IMPORTED_MODULE_1__components_TileSpinner_vue__=__webpack_require__(7),__WEBPACK_IMPORTED_MODULE_1__components_TileSpinner_vue___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__components_TileSpinner_vue__),__WEBPACK_IMPORTED_MODULE_2__components_PulseSpinner_vue__=__webpack_require__(5),__WEBPACK_IMPORTED_MODULE_2__components_PulseSpinner_vue___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__components_PulseSpinner_vue__),__WEBPACK_IMPORTED_MODULE_3__components_FoldSpinner_vue__=__webpack_require__(4),__WEBPACK_IMPORTED_MODULE_3__components_FoldSpinner_vue___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3__components_FoldSpinner_vue__),__WEBPACK_IMPORTED_MODULE_4__components_CubeSpinner_vue__=__webpack_require__(3),__WEBPACK_IMPORTED_MODULE_4__components_CubeSpinner_vue___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4__components_CubeSpinner_vue__),__WEBPACK_IMPORTED_MODULE_5__components_BounceSpinner_vue__=__webpack_require__(1),__WEBPACK_IMPORTED_MODULE_5__components_BounceSpinner_vue___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5__components_BounceSpinner_vue__),__WEBPACK_IMPORTED_MODULE_6__components_CircleSpinner_vue__=__webpack_require__(2),__WEBPACK_IMPORTED_MODULE_6__components_CircleSpinner_vue___default=__webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6__components_CircleSpinner_vue__);function install(Vue){Vue.component("square",__WEBPACK_IMPORTED_MODULE_0__components_SquareSpinner_vue___default.a),Vue.component("tile",__WEBPACK_IMPORTED_MODULE_1__components_TileSpinner_vue___default.a),Vue.component("pulse",__WEBPACK_IMPORTED_MODULE_2__components_PulseSpinner_vue___default.a),Vue.component("fold",__WEBPACK_IMPORTED_MODULE_3__components_FoldSpinner_vue___default.a),Vue.component("cube",__WEBPACK_IMPORTED_MODULE_4__components_CubeSpinner_vue___default.a),Vue.component("bounce",__WEBPACK_IMPORTED_MODULE_5__components_BounceSpinner_vue___default.a),Vue.component("circle-spin",__WEBPACK_IMPORTED_MODULE_6__components_CircleSpinner_vue___default.a)}__webpack_require__.d(__webpack_exports__,"SquareSpinner",function(){return __WEBPACK_IMPORTED_MODULE_0__components_SquareSpinner_vue___default.a}),__webpack_require__.d(__webpack_exports__,"TileSpinner",function(){return __WEBPACK_IMPORTED_MODULE_1__components_TileSpinner_vue___default.a}),__webpack_require__.d(__webpack_exports__,"PulseSpinner",function(){return __WEBPACK_IMPORTED_MODULE_2__components_PulseSpinner_vue___default.a}),__webpack_require__.d(__webpack_exports__,"FoldSpinner",function(){return __WEBPACK_IMPORTED_MODULE_3__components_FoldSpinner_vue___default.a}),__webpack_require__.d(__webpack_exports__,"CubeSpinner",function(){return __WEBPACK_IMPORTED_MODULE_4__components_CubeSpinner_vue___default.a}),__webpack_require__.d(__webpack_exports__,"BounceSpinner",function(){return __WEBPACK_IMPORTED_MODULE_5__components_BounceSpinner_vue___default.a}),__webpack_require__.d(__webpack_exports__,"CircleSpinner",function(){return __WEBPACK_IMPORTED_MODULE_6__components_CircleSpinner_vue___default.a});const plugin={version:"1.0.2",install:install};__webpack_exports__.default=plugin;let GlobalVue=null;"undefined"!=typeof window?GlobalVue=window.Vue:"undefined"!=typeof global&&(GlobalVue=global.Vue),GlobalVue&&GlobalVue.use(plugin)},function(module,exports){},function(module,exports){},function(module,exports){},function(module,exports){},function(module,exports){},function(module,exports){},function(module,exports){},function(module,exports){module.exports={render:function(){var _h=this.$createElement,_c=this._self._c||_h;return this.isLoading?_c("div",[this._m(0)]):this._e()},staticRenderFns:[function(){var _h=this.$createElement,_c=this._self._c||_h;return _c("div",{staticClass:"sk-folding-cube"},[_c("div",{staticClass:"sk-cube1 sk-cube"}),this._v(" "),_c("div",{staticClass:"sk-cube2 sk-cube"}),this._v(" "),_c("div",{staticClass:"sk-cube4 sk-cube"}),this._v(" "),_c("div",{staticClass:"sk-cube3 sk-cube"})])}]}},function(module,exports){module.exports={render:function(){var _h=this.$createElement,_c=this._self._c||_h;return this.isLoading?_c("div",[this._m(0)]):this._e()},staticRenderFns:[function(){var _h=this.$createElement,_c=this._self._c||_h;return _c("div",{staticClass:"spinner"},[_c("div",{staticClass:"cube1"}),this._v(" "),_c("div",{staticClass:"cube2"})])}]}},function(module,exports){module.exports={render:function(){var _h=this.$createElement,_c=this._self._c||_h;return this.isLoading?_c("div",[_c("div",{staticClass:"spinner",style:this.styles})]):this._e()},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){var _h=this.$createElement,_c=this._self._c||_h;return this.isLoading?_c("div",[this._m(0)]):this._e()},staticRenderFns:[function(){var _vm=this,_h=_vm.$createElement,_c=_vm._self._c||_h;return _c("div",{staticClass:"sk-fading-circle"},[_c("div",{staticClass:"sk-circle1 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle2 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle3 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle4 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle5 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle6 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle7 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle8 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle9 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle10 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle11 sk-circle"}),_vm._v(" "),_c("div",{staticClass:"sk-circle12 sk-circle"})])}]}},function(module,exports){module.exports={render:function(){var _h=this.$createElement,_c=this._self._c||_h;return this.isLoading?_c("div",[_c("div",{staticClass:"spinner"})]):this._e()},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){var _h=this.$createElement,_c=this._self._c||_h;return this.isLoading?_c("div",[this._m(0)]):this._e()},staticRenderFns:[function(){var _h=this.$createElement,_c=this._self._c||_h;return _c("div",{staticClass:"spinner"},[_c("div",{staticClass:"double-bounce1"}),this._v(" "),_c("div",{staticClass:"double-bounce2"})])}]}},function(module,exports){module.exports={render:function(){var _h=this.$createElement,_c=this._self._c||_h;return this.isLoading?_c("div",[this._m(0)]):this._e()},staticRenderFns:[function(){var _h=this.$createElement,_c=this._self._c||_h;return _c("div",{staticClass:"spinner"},[_c("div",{staticClass:"rect1"}),this._v(" "),_c("div",{staticClass:"rect2"}),this._v(" "),_c("div",{staticClass:"rect3"}),this._v(" "),_c("div",{staticClass:"rect4"}),this._v(" "),_c("div",{staticClass:"rect5"})])}]}}]); -------------------------------------------------------------------------------- /dist/vue-spinners.css: -------------------------------------------------------------------------------- 1 | 2 | .spinner[data-v-168a067e] { 3 | width: 40px; 4 | height: 40px; 5 | background-color: #333; 6 | 7 | margin: 100px auto; 8 | -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; 9 | animation: sk-rotateplane 1.2s infinite ease-in-out; 10 | } 11 | @-webkit-keyframes sk-rotateplane { 12 | 0% { 13 | -webkit-transform: perspective(120px) 14 | } 15 | 50% { 16 | -webkit-transform: perspective(120px) rotateY(180deg) 17 | } 18 | 100% { 19 | -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) 20 | } 21 | } 22 | @keyframes sk-rotateplane { 23 | 0% { 24 | transform: perspective(120px) rotateX(0deg) rotateY(0deg); 25 | -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 26 | } 27 | 50% { 28 | transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); 29 | -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 30 | } 31 | 100% { 32 | transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); 33 | -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); 34 | } 35 | } 36 | 37 | .spinner[data-v-ae580a66] { 38 | margin: 100px auto; 39 | width: 50px; 40 | height: 40px; 41 | text-align: center; 42 | font-size: 10px; 43 | } 44 | .spinner>div[data-v-ae580a66] { 45 | background-color: #333; 46 | height: 100%; 47 | width: 6px; 48 | display: inline-block; 49 | 50 | -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; 51 | animation: sk-stretchdelay 1.2s infinite ease-in-out; 52 | } 53 | .spinner .rect2[data-v-ae580a66] { 54 | -webkit-animation-delay: -1.1s; 55 | animation-delay: -1.1s; 56 | } 57 | .spinner .rect3[data-v-ae580a66] { 58 | -webkit-animation-delay: -1.0s; 59 | animation-delay: -1.0s; 60 | } 61 | .spinner .rect4[data-v-ae580a66] { 62 | -webkit-animation-delay: -0.9s; 63 | animation-delay: -0.9s; 64 | } 65 | .spinner .rect5[data-v-ae580a66] { 66 | -webkit-animation-delay: -0.8s; 67 | animation-delay: -0.8s; 68 | } 69 | @-webkit-keyframes sk-stretchdelay { 70 | 0%, 71 | 40%, 72 | 100% { 73 | -webkit-transform: scaleY(0.4) 74 | } 75 | 20% { 76 | -webkit-transform: scaleY(1.0) 77 | } 78 | } 79 | @keyframes sk-stretchdelay { 80 | 0%, 81 | 40%, 82 | 100% { 83 | transform: scaleY(0.4); 84 | -webkit-transform: scaleY(0.4); 85 | } 86 | 20% { 87 | transform: scaleY(1.0); 88 | -webkit-transform: scaleY(1.0); 89 | } 90 | } 91 | 92 | 93 | .spinner[data-v-6b9f29ee] { 94 | width: 40px; 95 | height: 40px; 96 | margin: 100px auto; 97 | background-color: #333; 98 | 99 | border-radius: 100%; 100 | -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; 101 | animation: sk-scaleout 1.0s infinite ease-in-out; 102 | } 103 | @-webkit-keyframes sk-scaleout { 104 | 0% { 105 | -webkit-transform: scale(0) 106 | } 107 | 100% { 108 | -webkit-transform: scale(1.0); 109 | opacity: 0; 110 | } 111 | } 112 | @keyframes sk-scaleout { 113 | 0% { 114 | -webkit-transform: scale(0); 115 | transform: scale(0); 116 | } 117 | 100% { 118 | -webkit-transform: scale(1.0); 119 | transform: scale(1.0); 120 | opacity: 0; 121 | } 122 | } 123 | 124 | 125 | .sk-folding-cube[data-v-02553f9a] { 126 | margin: 20px auto; 127 | width: 40px; 128 | height: 40px; 129 | position: relative; 130 | -webkit-transform: rotateZ(45deg); 131 | transform: rotateZ(45deg); 132 | } 133 | .sk-folding-cube .sk-cube[data-v-02553f9a] { 134 | float: left; 135 | width: 50%; 136 | height: 50%; 137 | position: relative; 138 | -webkit-transform: scale(1.1); 139 | -ms-transform: scale(1.1); 140 | transform: scale(1.1); 141 | } 142 | .sk-folding-cube .sk-cube[data-v-02553f9a]:before { 143 | content: ''; 144 | position: absolute; 145 | top: 0; 146 | left: 0; 147 | width: 100%; 148 | height: 100%; 149 | background-color: #333; 150 | -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; 151 | animation: sk-foldCubeAngle 2.4s infinite linear both; 152 | -webkit-transform-origin: 100% 100%; 153 | -ms-transform-origin: 100% 100%; 154 | transform-origin: 100% 100%; 155 | } 156 | .sk-folding-cube .sk-cube2[data-v-02553f9a] { 157 | -webkit-transform: scale(1.1) rotateZ(90deg); 158 | transform: scale(1.1) rotateZ(90deg); 159 | } 160 | .sk-folding-cube .sk-cube3[data-v-02553f9a] { 161 | -webkit-transform: scale(1.1) rotateZ(180deg); 162 | transform: scale(1.1) rotateZ(180deg); 163 | } 164 | .sk-folding-cube .sk-cube4[data-v-02553f9a] { 165 | -webkit-transform: scale(1.1) rotateZ(270deg); 166 | transform: scale(1.1) rotateZ(270deg); 167 | } 168 | .sk-folding-cube .sk-cube2[data-v-02553f9a]:before { 169 | -webkit-animation-delay: 0.3s; 170 | animation-delay: 0.3s; 171 | } 172 | .sk-folding-cube .sk-cube3[data-v-02553f9a]:before { 173 | -webkit-animation-delay: 0.6s; 174 | animation-delay: 0.6s; 175 | } 176 | .sk-folding-cube .sk-cube4[data-v-02553f9a]:before { 177 | -webkit-animation-delay: 0.9s; 178 | animation-delay: 0.9s; 179 | } 180 | @-webkit-keyframes sk-foldCubeAngle { 181 | 0%, 182 | 10% { 183 | -webkit-transform: perspective(140px) rotateX(-180deg); 184 | transform: perspective(140px) rotateX(-180deg); 185 | opacity: 0; 186 | } 187 | 25%, 188 | 75% { 189 | -webkit-transform: perspective(140px) rotateX(0deg); 190 | transform: perspective(140px) rotateX(0deg); 191 | opacity: 1; 192 | } 193 | 90%, 194 | 100% { 195 | -webkit-transform: perspective(140px) rotateY(180deg); 196 | transform: perspective(140px) rotateY(180deg); 197 | opacity: 0; 198 | } 199 | } 200 | @keyframes sk-foldCubeAngle { 201 | 0%, 202 | 10% { 203 | -webkit-transform: perspective(140px) rotateX(-180deg); 204 | transform: perspective(140px) rotateX(-180deg); 205 | opacity: 0; 206 | } 207 | 25%, 208 | 75% { 209 | -webkit-transform: perspective(140px) rotateX(0deg); 210 | transform: perspective(140px) rotateX(0deg); 211 | opacity: 1; 212 | } 213 | 90%, 214 | 100% { 215 | -webkit-transform: perspective(140px) rotateY(180deg); 216 | transform: perspective(140px) rotateY(180deg); 217 | opacity: 0; 218 | } 219 | } 220 | 221 | 222 | .spinner[data-v-12edc234] { 223 | margin: 100px auto; 224 | width: 40px; 225 | height: 40px; 226 | position: relative; 227 | } 228 | .cube1[data-v-12edc234], 229 | .cube2[data-v-12edc234] { 230 | background-color: #333; 231 | width: 15px; 232 | height: 15px; 233 | position: absolute; 234 | top: 0; 235 | left: 0; 236 | 237 | -webkit-animation: sk-cubemove 1.8s infinite ease-in-out; 238 | animation: sk-cubemove 1.8s infinite ease-in-out; 239 | } 240 | .cube2[data-v-12edc234] { 241 | -webkit-animation-delay: -0.9s; 242 | animation-delay: -0.9s; 243 | } 244 | @-webkit-keyframes sk-cubemove { 245 | 25% { 246 | -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) 247 | } 248 | 50% { 249 | -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) 250 | } 251 | 75% { 252 | -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) 253 | } 254 | 100% { 255 | -webkit-transform: rotate(-360deg) 256 | } 257 | } 258 | @keyframes sk-cubemove { 259 | 25% { 260 | transform: translateX(42px) rotate(-90deg) scale(0.5); 261 | -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); 262 | } 263 | 50% { 264 | transform: translateX(42px) translateY(42px) rotate(-179deg); 265 | -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); 266 | } 267 | 50.1% { 268 | transform: translateX(42px) translateY(42px) rotate(-180deg); 269 | -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); 270 | } 271 | 75% { 272 | transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); 273 | -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); 274 | } 275 | 100% { 276 | transform: rotate(-360deg); 277 | -webkit-transform: rotate(-360deg); 278 | } 279 | } 280 | 281 | 282 | .spinner[data-v-76b46833] { 283 | width: 40px; 284 | height: 40px; 285 | 286 | position: relative; 287 | margin: 100px auto; 288 | } 289 | .double-bounce1[data-v-76b46833], 290 | .double-bounce2[data-v-76b46833] { 291 | width: 100%; 292 | height: 100%; 293 | border-radius: 50%; 294 | background-color: #333; 295 | opacity: 0.6; 296 | position: absolute; 297 | top: 0; 298 | left: 0; 299 | 300 | -webkit-animation: sk-bounce 2.0s infinite ease-in-out; 301 | animation: sk-bounce 2.0s infinite ease-in-out; 302 | } 303 | .double-bounce2[data-v-76b46833] { 304 | -webkit-animation-delay: -1.0s; 305 | animation-delay: -1.0s; 306 | } 307 | @-webkit-keyframes sk-bounce { 308 | 0%, 309 | 100% { 310 | -webkit-transform: scale(0.0) 311 | } 312 | 50% { 313 | -webkit-transform: scale(1.0) 314 | } 315 | } 316 | @keyframes sk-bounce { 317 | 0%, 318 | 100% { 319 | transform: scale(0.0); 320 | -webkit-transform: scale(0.0); 321 | } 322 | 50% { 323 | transform: scale(1.0); 324 | -webkit-transform: scale(1.0); 325 | } 326 | } 327 | 328 | 329 | .sk-fading-circle[data-v-1e7464eb] { 330 | margin: 100px auto; 331 | width: 40px; 332 | height: 40px; 333 | position: relative; 334 | } 335 | .sk-fading-circle .sk-circle[data-v-1e7464eb] { 336 | width: 100%; 337 | height: 100%; 338 | position: absolute; 339 | left: 0; 340 | top: 0; 341 | } 342 | .sk-fading-circle .sk-circle[data-v-1e7464eb]:before { 343 | content: ''; 344 | display: block; 345 | margin: 0 auto; 346 | width: 15%; 347 | height: 15%; 348 | background-color: #333; 349 | border-radius: 100%; 350 | -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; 351 | animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; 352 | } 353 | .sk-fading-circle .sk-circle2[data-v-1e7464eb] { 354 | -webkit-transform: rotate(30deg); 355 | -ms-transform: rotate(30deg); 356 | transform: rotate(30deg); 357 | } 358 | .sk-fading-circle .sk-circle3[data-v-1e7464eb] { 359 | -webkit-transform: rotate(60deg); 360 | -ms-transform: rotate(60deg); 361 | transform: rotate(60deg); 362 | } 363 | .sk-fading-circle .sk-circle4[data-v-1e7464eb] { 364 | -webkit-transform: rotate(90deg); 365 | -ms-transform: rotate(90deg); 366 | transform: rotate(90deg); 367 | } 368 | .sk-fading-circle .sk-circle5[data-v-1e7464eb] { 369 | -webkit-transform: rotate(120deg); 370 | -ms-transform: rotate(120deg); 371 | transform: rotate(120deg); 372 | } 373 | .sk-fading-circle .sk-circle6[data-v-1e7464eb] { 374 | -webkit-transform: rotate(150deg); 375 | -ms-transform: rotate(150deg); 376 | transform: rotate(150deg); 377 | } 378 | .sk-fading-circle .sk-circle7[data-v-1e7464eb] { 379 | -webkit-transform: rotate(180deg); 380 | -ms-transform: rotate(180deg); 381 | transform: rotate(180deg); 382 | } 383 | .sk-fading-circle .sk-circle8[data-v-1e7464eb] { 384 | -webkit-transform: rotate(210deg); 385 | -ms-transform: rotate(210deg); 386 | transform: rotate(210deg); 387 | } 388 | .sk-fading-circle .sk-circle9[data-v-1e7464eb] { 389 | -webkit-transform: rotate(240deg); 390 | -ms-transform: rotate(240deg); 391 | transform: rotate(240deg); 392 | } 393 | .sk-fading-circle .sk-circle10[data-v-1e7464eb] { 394 | -webkit-transform: rotate(270deg); 395 | -ms-transform: rotate(270deg); 396 | transform: rotate(270deg); 397 | } 398 | .sk-fading-circle .sk-circle11[data-v-1e7464eb] { 399 | -webkit-transform: rotate(300deg); 400 | -ms-transform: rotate(300deg); 401 | transform: rotate(300deg); 402 | } 403 | .sk-fading-circle .sk-circle12[data-v-1e7464eb] { 404 | -webkit-transform: rotate(330deg); 405 | -ms-transform: rotate(330deg); 406 | transform: rotate(330deg); 407 | } 408 | .sk-fading-circle .sk-circle2[data-v-1e7464eb]:before { 409 | -webkit-animation-delay: -1.1s; 410 | animation-delay: -1.1s; 411 | } 412 | .sk-fading-circle .sk-circle3[data-v-1e7464eb]:before { 413 | -webkit-animation-delay: -1s; 414 | animation-delay: -1s; 415 | } 416 | .sk-fading-circle .sk-circle4[data-v-1e7464eb]:before { 417 | -webkit-animation-delay: -0.9s; 418 | animation-delay: -0.9s; 419 | } 420 | .sk-fading-circle .sk-circle5[data-v-1e7464eb]:before { 421 | -webkit-animation-delay: -0.8s; 422 | animation-delay: -0.8s; 423 | } 424 | .sk-fading-circle .sk-circle6[data-v-1e7464eb]:before { 425 | -webkit-animation-delay: -0.7s; 426 | animation-delay: -0.7s; 427 | } 428 | .sk-fading-circle .sk-circle7[data-v-1e7464eb]:before { 429 | -webkit-animation-delay: -0.6s; 430 | animation-delay: -0.6s; 431 | } 432 | .sk-fading-circle .sk-circle8[data-v-1e7464eb]:before { 433 | -webkit-animation-delay: -0.5s; 434 | animation-delay: -0.5s; 435 | } 436 | .sk-fading-circle .sk-circle9[data-v-1e7464eb]:before { 437 | -webkit-animation-delay: -0.4s; 438 | animation-delay: -0.4s; 439 | } 440 | .sk-fading-circle .sk-circle10[data-v-1e7464eb]:before { 441 | -webkit-animation-delay: -0.3s; 442 | animation-delay: -0.3s; 443 | } 444 | .sk-fading-circle .sk-circle11[data-v-1e7464eb]:before { 445 | -webkit-animation-delay: -0.2s; 446 | animation-delay: -0.2s; 447 | } 448 | .sk-fading-circle .sk-circle12[data-v-1e7464eb]:before { 449 | -webkit-animation-delay: -0.1s; 450 | animation-delay: -0.1s; 451 | } 452 | @-webkit-keyframes sk-circleFadeDelay { 453 | 0%, 454 | 39%, 455 | 100% { 456 | opacity: 0; 457 | } 458 | 40% { 459 | opacity: 1; 460 | } 461 | } 462 | @keyframes sk-circleFadeDelay { 463 | 0%, 464 | 39%, 465 | 100% { 466 | opacity: 0; 467 | } 468 | 40% { 469 | opacity: 1; 470 | } 471 | } 472 | -------------------------------------------------------------------------------- /docs/docs.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Vue spinners docs 15 | 16 | 17 | 18 | 19 | 29 | 30 |
31 | 32 | 33 |
34 | 35 |
36 | Vue spinners 37 |
38 |

A simple collection of spinners from spinkit . Vist 39 | Github link 40 |

41 | npm i vue-spinners --save 42 |
43 | 44 | 45 | 46 |

In order to use the Circle spinner please use the following code

47 | 48 |

Availabe props are the following ...

49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 |

In order to use the square spinner please use the following code

58 | 59 |

Availabe props are the following ...

60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 |

In order to use the tile spinner please use the following code

69 | 70 |

Availabe props are the following ...

71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 |

In order to use the pulse spinner please use the following code

80 | 81 |

Availabe props are the following ...

82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 |

In order to use the fold spinner please use the following code

92 | 93 |

Availabe props are the following ...

94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 |

In order to use the cube spinner please use the following code

104 | 105 |

Availabe props are the following ...

106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 |

In order to use the bounce spinner please use the following code

116 | 117 |

Availabe props are the following ...

118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 |
128 | 129 | 130 | 131 |
132 | 200 | 201 | 202 | -------------------------------------------------------------------------------- /docs/vuikit-icons.min.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Vuikit - @vuikit/icons 0.8.1 3 | * (c) 2018 Miljan Aleksic 4 | * @license MIT 5 | **/ 6 | 7 | /* The icons source code is part of UIkit icons library, 8 | Copyright (c) 2013-2018 YOOtheme GmbH, getuikit.com */ 9 | 10 | !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.VuikitIcons=e()}(this,function(){"use strict";var t=Object.freeze({Icon500px:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-500px",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconAlbum:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-album",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconArrowDown:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-arrow-down",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconArrowLeft:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-arrow-left",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconArrowRight:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-arrow-right",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconArrowUp:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-arrow-up",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconBan:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-ban",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconBehance:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-behance",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconBell:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-bell",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconBold:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-bold",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconBolt:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-bolt",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconBookmark:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-bookmark",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconCalendar:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-calendar",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconCamera:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-camera",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconCart:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-cart",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconCheck:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-check",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconChevronDown:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-chevron-down",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconChevronLeft:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-chevron-left",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconChevronRight:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-chevron-right",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconChevronUp:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-chevron-up",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconClock:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-clock",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconClose:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-close",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconCloudDownload:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-cloud-download",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconCloudUpload:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-cloud-upload",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconCode:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-code",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconCog:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-cog",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconComment:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-comment",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconCommenting:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-commenting",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconComments:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-comments",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconCopy:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-copy",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconCreditCard:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-credit-card",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconDatabase:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-database",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconDesktop:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-desktop",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconDownload:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-download",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconDribbble:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-dribbble",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconExpand:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-expand",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconFacebook:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-facebook",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconFileEdit:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-file-edit",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconFile:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-file",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconFlickr:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-flickr",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconFolder:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-folder",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconForward:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-forward",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconFoursquare:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-foursquare",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconFuture:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-future",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconGitBranch:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-git-branch",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconGitFork:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-git-fork",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconGithubAlt:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-github-alt",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconGithub:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-github",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconGitter:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-gitter",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconGooglePlus:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-google-plus",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconGoogle:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-google",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconGrid:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-grid",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconHappy:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-happy",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconHashtag:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-hashtag",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconHeart:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-heart",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconHistory:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-history",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconHome:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-home",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconImage:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-image",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconInfo:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-info",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconInstagram:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-instagram",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconItalic:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-italic",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconJoomla:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-joomla",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconLaptop:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-laptop",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconLifesaver:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-lifesaver",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconLink:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-link",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconLinkedin:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-linkedin",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconList:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-list",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconLocation:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-location",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconLock:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-lock",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconMail:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-mail",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconMenu:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-menu",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconMinusCircle:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-minus-circle",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconMinus:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-minus",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconMoreVertical:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-more-vertical",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconMore:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-more",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconMove:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-move",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconNut:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-nut",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconPagekit:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-pagekit",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconPaintBucket:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-paint-bucket",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconPencil:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-pencil",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconPhoneLandscape:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-phone-landscape",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconPhone:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-phone",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconPinterest:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-pinterest",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconPlayCircle:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-play-circle",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconPlay:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-play",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconPlusCircle:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-plus-circle",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconPlus:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-plus",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconPull:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-pull",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconPush:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-push",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconQuestion:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-question",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconQuoteRight:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-quote-right",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconReceiver:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-receiver",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconRefresh:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-refresh",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconReply:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-reply",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconRss:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-rss",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconSearch:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-search",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconServer:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-server",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconSettings:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-settings",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconShrink:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-shrink",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconSignIn:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-sign-in",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconSignOut:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-sign-out",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconSocial:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-social",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconSoundcloud:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-soundcloud",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconStar:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-star",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconStrikethrough:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-strikethrough",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconTable:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-table",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconTabletLandscape:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-tablet-landscape",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconTablet:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-tablet",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconTag:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-tag",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconThumbnails:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-thumbnails",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconTrash:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-trash",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconTriangleDown:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-triangle-down",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconTriangleLeft:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-triangle-left",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconTriangleRight:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-triangle-right",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconTriangleUp:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-triangle-up",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconTripadvisor:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-tripadvisor",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconTumblr:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-tumblr",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconTv:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-tv",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconTwitter:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-twitter",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconUikit:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-uikit",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconUnlock:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-unlock",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconUpload:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-upload",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconUser:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-user",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconUsers:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-users",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconVideoCamera:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-video-camera",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconVimeo:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-vimeo",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconWarning:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-warning",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconWhatsapp:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-whatsapp",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconWordpress:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-wordpress",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconWorld:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-world",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconXing:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-xing",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconYelp:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-yelp",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}},IconYoutube:{functional:!0,render:function(t,e){var i=e.props;return t("svg",{attrs:{version:"1.1",meta:"vk-icons-youtube",width:i.width||20,height:i.height||20,viewBox:i.viewBox||"0 0 20 20"},domProps:{innerHTML:''}})}}}),i={install:function(i){e(t,function(t,e){i.component(e.replace(/^Icon/,"VkIcons"),t)})}};function e(t,e){for(var i in t)if(!1===e.call(t[i],t[i],i))break}return e(t,function(t,e){i[e]=t}),"undefined"!=typeof window&&window.Vue&&window.Vue.use(i),i}); 11 | //# sourceMappingURL=vuikit-icons.min.js.map -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | export { default } from './dist/vue-spinners.common' 2 | export * from './dist/vue-spinners.common' 3 | import './dist/vue-spinners.css' 4 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vue-spinners", 3 | "description": "A vue js component library which contains multiple spinners from SpinKit", 4 | "version": "1.0.2", 5 | "author": { 6 | "name": "pacifio", 7 | "email": "adibmohsin.root@gmail.com" 8 | }, 9 | "keywords": [ 10 | "vue", 11 | "vuejs", 12 | "plugin", 13 | "spinner", 14 | "components-library", 15 | "vue-plugin" 16 | ], 17 | "license": "MIT", 18 | "main": "dist/vue-spinners.common.js", 19 | "unpkg": "dist/vue-spinners.browser.js", 20 | "module": "index.js", 21 | "scripts": { 22 | "dev": "cross-env NODE_ENV=development webpack --config config/webpack.config.dev.js --progress --watch", 23 | "build": "npm run build:browser && npm run build:common", 24 | "build:browser": "cross-env NODE_ENV=production webpack --config config/webpack.config.browser.js --progress --hide-modules", 25 | "build:common": "cross-env NODE_ENV=production webpack --config config/webpack.config.common.js --progress --hide-modules", 26 | "prepublish": "npm run build" 27 | }, 28 | "repository": { 29 | "type": "git", 30 | "url": "https://github.com/pacifio/vue-spinners.git" 31 | }, 32 | "bugs": { 33 | "url": "https://github.com/pacifio/vue-spinners/issues" 34 | }, 35 | "homepage": "https://github.com/pacifio/vue-spinners#readme", 36 | "devDependencies": { 37 | "babel-core": "^6.26.3", 38 | "babel-eslint": "^7.2.3", 39 | "babel-loader": "^6.4.1", 40 | "babel-preset-env": "^1.7.0", 41 | "babel-preset-es2015": "^6.14.0", 42 | "babel-preset-stage-0": "^6.24.1", 43 | "cross-env": "^3.2.4", 44 | "css-loader": "^0.26.4", 45 | "eslint": "^3.19.0", 46 | "eslint-config-standard": "^6.2.1", 47 | "eslint-loader": "^1.9.0", 48 | "eslint-plugin-html": "^1.7.0", 49 | "eslint-plugin-promise": "^3.8.0", 50 | "eslint-plugin-standard": "^2.3.1", 51 | "extract-text-webpack-plugin": "^2.1.2", 52 | "uglify-js": "^3.3.27", 53 | "uglifyjs-webpack-plugin": "^1.2.5", 54 | "vue-loader": "^10.3.0", 55 | "vue-template-compiler": "^2.5.16", 56 | "webpack": "^2.7.0", 57 | "webpack-merge": "^1.1.2" 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /src/components/BounceSpinner.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 44 | 45 | 97 | -------------------------------------------------------------------------------- /src/components/CircleSpinner.vue: -------------------------------------------------------------------------------- 1 | 19 | 20 | 53 | 54 | -------------------------------------------------------------------------------- /src/components/CubeSpinner.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 44 | 45 | 110 | -------------------------------------------------------------------------------- /src/components/FoldSpinner.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 46 | 47 | 155 | -------------------------------------------------------------------------------- /src/components/PulseSpinner.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 41 | 42 | 77 | -------------------------------------------------------------------------------- /src/components/SquareSpinner.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 40 | 41 | -------------------------------------------------------------------------------- /src/components/TileSpinner.vue: -------------------------------------------------------------------------------- 1 | 12 | 13 | 47 | 48 | 112 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import SquareSpinner from './components/SquareSpinner.vue' 2 | import TileSpinner from './components/TileSpinner.vue' 3 | import PulseSpinner from './components/PulseSpinner.vue' 4 | import FoldSpinner from './components/FoldSpinner.vue' 5 | import CubeSpinner from './components/CubeSpinner.vue' 6 | import BounceSpinner from './components/BounceSpinner.vue' 7 | import CircleSpinner from './components/CircleSpinner.vue' 8 | 9 | // Install the components 10 | export function install (Vue) { 11 | Vue.component('square', SquareSpinner) 12 | Vue.component('tile', TileSpinner) 13 | Vue.component('pulse', PulseSpinner) 14 | Vue.component('fold', FoldSpinner) 15 | Vue.component('cube', CubeSpinner) 16 | Vue.component('bounce', BounceSpinner) 17 | Vue.component('circle-spin', CircleSpinner) 18 | } 19 | 20 | // Expose the components 21 | export { 22 | SquareSpinner, 23 | TileSpinner, 24 | PulseSpinner, 25 | FoldSpinner, 26 | CubeSpinner, 27 | BounceSpinner, 28 | CircleSpinner, 29 | /* -- Add more components here -- */ 30 | } 31 | 32 | /* -- Plugin definition & Auto-install -- */ 33 | /* You shouldn't have to modify the code below */ 34 | 35 | // Plugin 36 | const plugin = { 37 | /* eslint-disable no-undef */ 38 | version: VERSION, 39 | install 40 | } 41 | 42 | export default plugin 43 | 44 | // Auto-install 45 | let GlobalVue = null 46 | if (typeof window !== 'undefined') { 47 | GlobalVue = window.Vue 48 | } else if (typeof global !== 'undefined') { 49 | GlobalVue = global.Vue 50 | } 51 | if (GlobalVue) { 52 | GlobalVue.use(plugin) 53 | } 54 | --------------------------------------------------------------------------------