├── .babelrc ├── .editorconfig ├── .github └── FUNDING.yml ├── .gitignore ├── .postcssrc.js ├── LICENSE ├── README.md ├── build ├── build.js ├── check-versions.js ├── logo.png ├── utils.js ├── vue-loader.conf.js ├── webpack.base.conf.js ├── webpack.dev.conf.js └── webpack.prod.conf.js ├── config ├── dev.env.js ├── index.js └── prod.env.js ├── docs ├── index.html └── static │ ├── css │ ├── app.fbae9871a2c76118f11455e7703bceda.css │ └── app.fbae9871a2c76118f11455e7703bceda.css.map │ └── js │ ├── app.f40bbfa35ccfb9b01827.js │ ├── app.f40bbfa35ccfb9b01827.js.map │ ├── manifest.d0f527a4cb2775b5c694.js │ ├── manifest.d0f527a4cb2775b5c694.js.map │ ├── vendor.b93c5575407b7ccde692.js │ └── vendor.b93c5575407b7ccde692.js.map ├── index.html ├── package.json ├── src ├── App.vue ├── assets │ └── logo.png ├── components │ ├── AppAnimatedIcon.vue │ ├── AppTypographyIcon.vue │ ├── IconBase.vue │ ├── animatedicons │ │ ├── IconHeartFace.vue │ │ ├── IconPalette.vue │ │ ├── IconScissors.vue │ │ └── IconWatch.vue │ └── icons │ │ ├── IconBox.vue │ │ ├── IconCalendar.vue │ │ ├── IconEnvelope.vue │ │ ├── IconGarbage.vue │ │ ├── IconImage.vue │ │ ├── IconMoon.vue │ │ └── IconWrite.vue └── main.js ├── static └── .gitkeep └── yarn.lock /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { 4 | "modules": false, 5 | "targets": { 6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 7 | } 8 | }], 9 | "stage-2" 10 | ], 11 | "plugins": ["transform-vue-jsx", "transform-runtime"] 12 | } 13 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: [sdras] 4 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Editor directories and files 2 | .idea 3 | .vscode 4 | *.suo 5 | *.ntvs* 6 | *.njsproj 7 | *.sln 8 | 9 | ### OSX ### 10 | *.DS_Store 11 | .AppleDouble 12 | .LSOverride 13 | 14 | # Icon must end with two 15 | Icon 16 | # Thumbnails 17 | ._* 18 | # Files that might appear in the root of a volume 19 | .DocumentRevisions-V100 20 | .fseventsd 21 | .Spotlight-V100 22 | .TemporaryItems 23 | .Trashes 24 | .VolumeIcon.icns 25 | .com.apple.timemachine.donotpresent 26 | # Directories potentially created on remote AFP share 27 | .AppleDB 28 | .AppleDesktop 29 | Network Trash Folder 30 | Temporary Items 31 | .apdisk 32 | 33 | ### Node ### 34 | # Logs 35 | logs 36 | *.log 37 | npm-debug.log* 38 | 39 | # Runtime data 40 | pids 41 | *.pid 42 | *.seed 43 | *.pid.lock 44 | 45 | # Directory for instrumented libs generated by jscoverage/JSCover 46 | lib-cov 47 | 48 | # Coverage directory used by tools like istanbul 49 | coverage 50 | 51 | # nyc test coverage 52 | .nyc_output 53 | 54 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 55 | .grunt 56 | 57 | # node-waf configuration 58 | .lock-wscript 59 | 60 | # Compiled binary addons (http://nodejs.org/api/addons.html) 61 | build/Release 62 | 63 | # Dependency directories 64 | node_modules 65 | jspm_packages 66 | 67 | # Optional npm cache directory 68 | .npm 69 | 70 | # Optional eslint cache 71 | .eslintcache 72 | 73 | # Optional REPL history 74 | .node_repl_history 75 | 76 | # Output of 'npm pack' 77 | *.tgz 78 | 79 | # Yarn Integrity file 80 | .yarn-integrity -------------------------------------------------------------------------------- /.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | // to edit target browsers: use "browserslist" field in package.json 6 | "postcss-import": {}, 7 | "autoprefixer": {} 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Sarah Drasner 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 | # Sample SVG Icon usage for Vue.js 2 | 3 | A demo to show how I prefer to set up an SVG icon system in Vue.js. You can see a demo live here. You don't have to do it this way, it's an opinionated example. More details for _why_ it's set up in this manner in the [Vue Cookbook](https://vuejs.org/v2/cookbook/editable-svg-icons.html). 4 | 5 | ![Documentation site](https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/screendocs.jpg "Docs demo") 6 | 7 | ## Build Setup 8 | 9 | ```bash 10 | # install dependencies 11 | npm install 12 | 13 | # serve with hot reload at localhost:8080 14 | npm run dev 15 | 16 | # build for production with minification 17 | npm run build 18 | 19 | # build for production and view the bundle analyzer report 20 | npm run build --report 21 | ``` 22 | 23 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). 24 | -------------------------------------------------------------------------------- /build/build.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | require('./check-versions')() 3 | 4 | process.env.NODE_ENV = 'production' 5 | 6 | const ora = require('ora') 7 | const rm = require('rimraf') 8 | const path = require('path') 9 | const chalk = require('chalk') 10 | const webpack = require('webpack') 11 | const config = require('../config') 12 | const webpackConfig = require('./webpack.prod.conf') 13 | 14 | const spinner = ora('building for production...') 15 | spinner.start() 16 | 17 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { 18 | if (err) throw err 19 | webpack(webpackConfig, (err, stats) => { 20 | spinner.stop() 21 | if (err) throw err 22 | process.stdout.write(stats.toString({ 23 | colors: true, 24 | modules: false, 25 | children: false, // if you are using ts-loader, setting this to true will make tyescript errors show up during build 26 | chunks: false, 27 | chunkModules: false 28 | }) + '\n\n') 29 | 30 | if (stats.hasErrors()) { 31 | console.log(chalk.red(' Build failed with errors.\n')) 32 | process.exit(1) 33 | } 34 | 35 | console.log(chalk.cyan(' Build complete.\n')) 36 | console.log(chalk.yellow( 37 | ' Tip: built files are meant to be served over an HTTP server.\n' + 38 | ' Opening index.html over file:// won\'t work.\n' 39 | )) 40 | }) 41 | }) 42 | -------------------------------------------------------------------------------- /build/check-versions.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const chalk = require('chalk') 3 | const semver = require('semver') 4 | const packageConfig = require('../package.json') 5 | const shell = require('shelljs') 6 | 7 | function exec (cmd) { 8 | return require('child_process').execSync(cmd).toString().trim() 9 | } 10 | 11 | const versionRequirements = [ 12 | { 13 | name: 'node', 14 | currentVersion: semver.clean(process.version), 15 | versionRequirement: packageConfig.engines.node 16 | } 17 | ] 18 | 19 | if (shell.which('npm')) { 20 | versionRequirements.push({ 21 | name: 'npm', 22 | currentVersion: exec('npm --version'), 23 | versionRequirement: packageConfig.engines.npm 24 | }) 25 | } 26 | 27 | module.exports = function () { 28 | const warnings = [] 29 | 30 | for (let i = 0; i < versionRequirements.length; i++) { 31 | const mod = versionRequirements[i] 32 | 33 | if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { 34 | warnings.push(mod.name + ': ' + 35 | chalk.red(mod.currentVersion) + ' should be ' + 36 | chalk.green(mod.versionRequirement) 37 | ) 38 | } 39 | } 40 | 41 | if (warnings.length) { 42 | console.log('') 43 | console.log(chalk.yellow('To use this template, you must update following to modules:')) 44 | console.log() 45 | 46 | for (let i = 0; i < warnings.length; i++) { 47 | const warning = warnings[i] 48 | console.log(' ' + warning) 49 | } 50 | 51 | console.log() 52 | process.exit(1) 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /build/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/vue-sample-svg-icons/3cfec23e24c9c4607ed7679971ce04fd7347f995/build/logo.png -------------------------------------------------------------------------------- /build/utils.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const path = require('path') 3 | const config = require('../config') 4 | const ExtractTextPlugin = require('extract-text-webpack-plugin') 5 | const packageConfig = require('../package.json') 6 | 7 | exports.assetsPath = function (_path) { 8 | const assetsSubDirectory = process.env.NODE_ENV === 'production' 9 | ? config.build.assetsSubDirectory 10 | : config.dev.assetsSubDirectory 11 | 12 | return path.posix.join(assetsSubDirectory, _path) 13 | } 14 | 15 | exports.cssLoaders = function (options) { 16 | options = options || {} 17 | 18 | const cssLoader = { 19 | loader: 'css-loader', 20 | options: { 21 | sourceMap: options.sourceMap 22 | } 23 | } 24 | 25 | const postcssLoader = { 26 | loader: 'postcss-loader', 27 | options: { 28 | sourceMap: options.sourceMap 29 | } 30 | } 31 | 32 | // generate loader string to be used with extract text plugin 33 | function generateLoaders (loader, loaderOptions) { 34 | const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader] 35 | 36 | if (loader) { 37 | loaders.push({ 38 | loader: loader + '-loader', 39 | options: Object.assign({}, loaderOptions, { 40 | sourceMap: options.sourceMap 41 | }) 42 | }) 43 | } 44 | 45 | // Extract CSS when that option is specified 46 | // (which is the case during production build) 47 | if (options.extract) { 48 | return ExtractTextPlugin.extract({ 49 | use: loaders, 50 | fallback: 'vue-style-loader' 51 | }) 52 | } else { 53 | return ['vue-style-loader'].concat(loaders) 54 | } 55 | } 56 | 57 | // https://vue-loader.vuejs.org/en/configurations/extract-css.html 58 | return { 59 | css: generateLoaders(), 60 | postcss: generateLoaders(), 61 | less: generateLoaders('less'), 62 | sass: generateLoaders('sass', { indentedSyntax: true }), 63 | scss: generateLoaders('sass'), 64 | stylus: generateLoaders('stylus'), 65 | styl: generateLoaders('stylus') 66 | } 67 | } 68 | 69 | // Generate loaders for standalone style files (outside of .vue) 70 | exports.styleLoaders = function (options) { 71 | const output = [] 72 | const loaders = exports.cssLoaders(options) 73 | 74 | for (const extension in loaders) { 75 | const loader = loaders[extension] 76 | output.push({ 77 | test: new RegExp('\\.' + extension + '$'), 78 | use: loader 79 | }) 80 | } 81 | 82 | return output 83 | } 84 | 85 | exports.createNotifierCallback = () => { 86 | const notifier = require('node-notifier') 87 | 88 | return (severity, errors) => { 89 | if (severity !== 'error') return 90 | 91 | const error = errors[0] 92 | const filename = error.file && error.file.split('!').pop() 93 | 94 | notifier.notify({ 95 | title: packageConfig.name, 96 | message: severity + ': ' + error.name, 97 | subtitle: filename || '', 98 | icon: path.join(__dirname, 'logo.png') 99 | }) 100 | } 101 | } 102 | -------------------------------------------------------------------------------- /build/vue-loader.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const utils = require('./utils') 3 | const config = require('../config') 4 | const isProduction = process.env.NODE_ENV === 'production' 5 | const sourceMapEnabled = isProduction 6 | ? config.build.productionSourceMap 7 | : config.dev.cssSourceMap 8 | 9 | module.exports = { 10 | loaders: utils.cssLoaders({ 11 | sourceMap: sourceMapEnabled, 12 | extract: isProduction 13 | }), 14 | cssSourceMap: sourceMapEnabled, 15 | cacheBusting: config.dev.cacheBusting, 16 | transformToRequire: { 17 | video: ['src', 'poster'], 18 | source: 'src', 19 | img: 'src', 20 | image: 'xlink:href' 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /build/webpack.base.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const path = require('path') 3 | const utils = require('./utils') 4 | const config = require('../config') 5 | const vueLoaderConfig = require('./vue-loader.conf') 6 | 7 | function resolve(dir) { 8 | return path.join(__dirname, '..', dir) 9 | } 10 | 11 | module.exports = { 12 | context: path.resolve(__dirname, '../'), 13 | entry: { 14 | app: './src/main.js' 15 | }, 16 | output: { 17 | path: config.build.assetsRoot, 18 | filename: '[name].js', 19 | publicPath: 20 | process.env.NODE_ENV === 'production' 21 | ? config.build.assetsPublicPath 22 | : config.dev.assetsPublicPath 23 | }, 24 | resolve: { 25 | extensions: ['.js', '.vue', '.json'], 26 | alias: { 27 | vue$: 'vue/dist/vue.esm.js', 28 | '@': resolve('src') 29 | } 30 | }, 31 | module: { 32 | rules: [ 33 | { 34 | test: /\.vue$/, 35 | loader: 'vue-loader', 36 | options: vueLoaderConfig 37 | }, 38 | { 39 | test: /\.js$/, 40 | loader: 'babel-loader', 41 | include: [resolve('src'), resolve('test')] 42 | }, 43 | { 44 | test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, 45 | loader: 'url-loader', 46 | options: { 47 | limit: 10000, 48 | name: utils.assetsPath('img/[name].[hash:7].[ext]') 49 | } 50 | }, 51 | { 52 | test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/, 53 | loader: 'url-loader', 54 | options: { 55 | limit: 10000, 56 | name: utils.assetsPath('media/[name].[hash:7].[ext]') 57 | } 58 | }, 59 | { 60 | test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, 61 | loader: 'url-loader', 62 | options: { 63 | limit: 10000, 64 | name: utils.assetsPath('fonts/[name].[hash:7].[ext]') 65 | } 66 | } 67 | ] 68 | }, 69 | node: { 70 | // prevent webpack from injecting useless setImmediate polyfill because Vue 71 | // source contains it (although only uses it if it's native). 72 | setImmediate: false, 73 | // prevent webpack from injecting mocks to Node native modules 74 | // that does not make sense for the client 75 | dgram: 'empty', 76 | fs: 'empty', 77 | net: 'empty', 78 | tls: 'empty', 79 | child_process: 'empty' 80 | } 81 | } 82 | -------------------------------------------------------------------------------- /build/webpack.dev.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const utils = require('./utils') 3 | const webpack = require('webpack') 4 | const config = require('../config') 5 | const merge = require('webpack-merge') 6 | const baseWebpackConfig = require('./webpack.base.conf') 7 | const HtmlWebpackPlugin = require('html-webpack-plugin') 8 | const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin') 9 | const portfinder = require('portfinder') 10 | 11 | const HOST = process.env.HOST 12 | const PORT = process.env.PORT && Number(process.env.PORT) 13 | 14 | const devWebpackConfig = merge(baseWebpackConfig, { 15 | module: { 16 | rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true }) 17 | }, 18 | // cheap-module-eval-source-map is faster for development 19 | devtool: config.dev.devtool, 20 | 21 | // these devServer options should be customized in /config/index.js 22 | devServer: { 23 | clientLogLevel: 'warning', 24 | historyApiFallback: true, 25 | hot: true, 26 | compress: true, 27 | host: HOST || config.dev.host, 28 | port: PORT || config.dev.port, 29 | open: config.dev.autoOpenBrowser, 30 | overlay: config.dev.errorOverlay 31 | ? { warnings: false, errors: true } 32 | : false, 33 | publicPath: config.dev.assetsPublicPath, 34 | proxy: config.dev.proxyTable, 35 | quiet: true, // necessary for FriendlyErrorsPlugin 36 | watchOptions: { 37 | poll: config.dev.poll, 38 | } 39 | }, 40 | plugins: [ 41 | new webpack.DefinePlugin({ 42 | 'process.env': require('../config/dev.env') 43 | }), 44 | new webpack.HotModuleReplacementPlugin(), 45 | new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update. 46 | new webpack.NoEmitOnErrorsPlugin(), 47 | // https://github.com/ampedandwired/html-webpack-plugin 48 | new HtmlWebpackPlugin({ 49 | filename: 'index.html', 50 | template: 'index.html', 51 | inject: true 52 | }), 53 | ] 54 | }) 55 | 56 | module.exports = new Promise((resolve, reject) => { 57 | portfinder.basePort = process.env.PORT || config.dev.port 58 | portfinder.getPort((err, port) => { 59 | if (err) { 60 | reject(err) 61 | } else { 62 | // publish the new Port, necessary for e2e tests 63 | process.env.PORT = port 64 | // add port to devServer config 65 | devWebpackConfig.devServer.port = port 66 | 67 | // Add FriendlyErrorsPlugin 68 | devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({ 69 | compilationSuccessInfo: { 70 | messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`], 71 | }, 72 | onErrors: config.dev.notifyOnErrors 73 | ? utils.createNotifierCallback() 74 | : undefined 75 | })) 76 | 77 | resolve(devWebpackConfig) 78 | } 79 | }) 80 | }) 81 | -------------------------------------------------------------------------------- /build/webpack.prod.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const path = require('path') 3 | const utils = require('./utils') 4 | const webpack = require('webpack') 5 | const config = require('../config') 6 | const merge = require('webpack-merge') 7 | const baseWebpackConfig = require('./webpack.base.conf') 8 | const CopyWebpackPlugin = require('copy-webpack-plugin') 9 | const HtmlWebpackPlugin = require('html-webpack-plugin') 10 | const ExtractTextPlugin = require('extract-text-webpack-plugin') 11 | const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') 12 | const UglifyJsPlugin = require('uglifyjs-webpack-plugin') 13 | 14 | const env = require('../config/prod.env') 15 | 16 | const webpackConfig = merge(baseWebpackConfig, { 17 | module: { 18 | rules: utils.styleLoaders({ 19 | sourceMap: config.build.productionSourceMap, 20 | extract: true, 21 | usePostCSS: true 22 | }) 23 | }, 24 | devtool: config.build.productionSourceMap ? config.build.devtool : false, 25 | output: { 26 | path: config.build.assetsRoot, 27 | filename: utils.assetsPath('js/[name].[chunkhash].js'), 28 | chunkFilename: utils.assetsPath('js/[id].[chunkhash].js') 29 | }, 30 | plugins: [ 31 | // http://vuejs.github.io/vue-loader/en/workflow/production.html 32 | new webpack.DefinePlugin({ 33 | 'process.env': env 34 | }), 35 | new UglifyJsPlugin({ 36 | uglifyOptions: { 37 | compress: { 38 | warnings: false 39 | } 40 | }, 41 | sourceMap: config.build.productionSourceMap, 42 | parallel: true 43 | }), 44 | // extract css into its own file 45 | new ExtractTextPlugin({ 46 | filename: utils.assetsPath('css/[name].[contenthash].css'), 47 | // Setting the following option to `false` will not extract CSS from codesplit chunks. 48 | // Their CSS will instead be inserted dynamically with style-loader when the codesplit chunk has been loaded by webpack. 49 | // It's currently set to `true` because we are seeing that sourcemaps are included in the codesplit bundle as well when it's `false`, 50 | // increasing file size: https://github.com/vuejs-templates/webpack/issues/1110 51 | allChunks: true, 52 | }), 53 | // Compress extracted CSS. We are using this plugin so that possible 54 | // duplicated CSS from different components can be deduped. 55 | new OptimizeCSSPlugin({ 56 | cssProcessorOptions: config.build.productionSourceMap 57 | ? { safe: true, map: { inline: false } } 58 | : { safe: true } 59 | }), 60 | // generate dist index.html with correct asset hash for caching. 61 | // you can customize output by editing /index.html 62 | // see https://github.com/ampedandwired/html-webpack-plugin 63 | new HtmlWebpackPlugin({ 64 | filename: config.build.index, 65 | template: 'index.html', 66 | inject: true, 67 | minify: { 68 | removeComments: true, 69 | collapseWhitespace: true, 70 | removeAttributeQuotes: true 71 | // more options: 72 | // https://github.com/kangax/html-minifier#options-quick-reference 73 | }, 74 | // necessary to consistently work with multiple chunks via CommonsChunkPlugin 75 | chunksSortMode: 'dependency' 76 | }), 77 | // keep module.id stable when vender modules does not change 78 | new webpack.HashedModuleIdsPlugin(), 79 | // enable scope hoisting 80 | new webpack.optimize.ModuleConcatenationPlugin(), 81 | // split vendor js into its own file 82 | new webpack.optimize.CommonsChunkPlugin({ 83 | name: 'vendor', 84 | minChunks (module) { 85 | // any required modules inside node_modules are extracted to vendor 86 | return ( 87 | module.resource && 88 | /\.js$/.test(module.resource) && 89 | module.resource.indexOf( 90 | path.join(__dirname, '../node_modules') 91 | ) === 0 92 | ) 93 | } 94 | }), 95 | // extract webpack runtime and module manifest to its own file in order to 96 | // prevent vendor hash from being updated whenever app bundle is updated 97 | new webpack.optimize.CommonsChunkPlugin({ 98 | name: 'manifest', 99 | minChunks: Infinity 100 | }), 101 | // This instance extracts shared chunks from code splitted chunks and bundles them 102 | // in a separate chunk, similar to the vendor chunk 103 | // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk 104 | new webpack.optimize.CommonsChunkPlugin({ 105 | name: 'app', 106 | async: 'vendor-async', 107 | children: true, 108 | minChunks: 3 109 | }), 110 | 111 | // copy custom static assets 112 | new CopyWebpackPlugin([ 113 | { 114 | from: path.resolve(__dirname, '../static'), 115 | to: config.build.assetsSubDirectory, 116 | ignore: ['.*'] 117 | } 118 | ]) 119 | ] 120 | }) 121 | 122 | if (config.build.productionGzip) { 123 | const CompressionWebpackPlugin = require('compression-webpack-plugin') 124 | 125 | webpackConfig.plugins.push( 126 | new CompressionWebpackPlugin({ 127 | asset: '[path].gz[query]', 128 | algorithm: 'gzip', 129 | test: new RegExp( 130 | '\\.(' + 131 | config.build.productionGzipExtensions.join('|') + 132 | ')$' 133 | ), 134 | threshold: 10240, 135 | minRatio: 0.8 136 | }) 137 | ) 138 | } 139 | 140 | if (config.build.bundleAnalyzerReport) { 141 | const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin 142 | webpackConfig.plugins.push(new BundleAnalyzerPlugin()) 143 | } 144 | 145 | module.exports = webpackConfig 146 | -------------------------------------------------------------------------------- /config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }) 8 | -------------------------------------------------------------------------------- /config/index.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | // Template version: 1.2.7 3 | // see http://vuejs-templates.github.io/webpack for documentation. 4 | 5 | const path = require('path') 6 | 7 | module.exports = { 8 | dev: { 9 | // Paths 10 | assetsSubDirectory: 'static', 11 | assetsPublicPath: '/', 12 | proxyTable: {}, 13 | 14 | // Various Dev Server settings 15 | host: 'localhost', // can be overwritten by process.env.HOST 16 | port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined 17 | autoOpenBrowser: false, 18 | errorOverlay: true, 19 | notifyOnErrors: true, 20 | poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions- 21 | 22 | /** 23 | * Source Maps 24 | */ 25 | 26 | // https://webpack.js.org/configuration/devtool/#development 27 | devtool: 'eval-source-map', 28 | 29 | // If you have problems debugging vue-files in devtools, 30 | // set this to false - it *may* help 31 | // https://vue-loader.vuejs.org/en/options.html#cachebusting 32 | cacheBusting: true, 33 | 34 | // CSS Sourcemaps off by default because relative paths are "buggy" 35 | // with this option, according to the CSS-Loader README 36 | // (https://github.com/webpack/css-loader#sourcemaps) 37 | // In our experience, they generally work as expected, 38 | // just be aware of this issue when enabling this option. 39 | cssSourceMap: false 40 | }, 41 | 42 | build: { 43 | // Template for index.html 44 | index: path.resolve(__dirname, '../dist/index.html'), 45 | 46 | // Paths 47 | assetsRoot: path.resolve(__dirname, '../dist'), 48 | assetsSubDirectory: 'static', 49 | assetsPublicPath: '', 50 | 51 | /** 52 | * Source Maps 53 | */ 54 | 55 | productionSourceMap: true, 56 | // https://webpack.js.org/configuration/devtool/#production 57 | devtool: '#source-map', 58 | 59 | // Gzip off by default as many popular static hosts such as 60 | // Surge or Netlify already gzip all static assets for you. 61 | // Before setting to `true`, make sure to: 62 | // npm install --save-dev compression-webpack-plugin 63 | productionGzip: false, 64 | productionGzipExtensions: ['js', 'css'], 65 | 66 | // Run the build command with an extra argument to 67 | // View the bundle analyzer report after build finishes: 68 | // `npm run build --report` 69 | // Set to `true` or `false` to always turn it on or off 70 | bundleAnalyzerReport: process.env.npm_config_report 71 | } 72 | } 73 | -------------------------------------------------------------------------------- /config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | } 5 | -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Vue Sample SVG Icons 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /docs/static/css/app.fbae9871a2c76118f11455e7703bceda.css: -------------------------------------------------------------------------------- 1 | body,html{margin:0}#app{font-family:Nunito,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#222;font-weight:300;background:#f1efef;width:100vw;height:100vh;font-size:17px}h1,h2,h3,h4,h5{font-weight:800;color:#5a5a5a}main{width:800px;margin:0 auto;display:table}section{padding:20px;margin-top:10px;background:#fff;border:1px solid #eee}h2{margin-bottom:0}a,a:hover,a:visited{color:#949090;text-decoration:none;font-weight:700}.info{margin-top:0;font-family:Lato,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-style:italic;color:#949090}svg[data-v-9dd4e508]{display:inline-block;vertical-align:baseline;margin-bottom:-2px}svg[data-v-2a233b48]{cursor:pointer}#heartface[data-v-74794cb5]{visibility:hidden} 2 | /*# sourceMappingURL=app.fbae9871a2c76118f11455e7703bceda.css.map */ -------------------------------------------------------------------------------- /docs/static/css/app.fbae9871a2c76118f11455e7703bceda.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["app.fbae9871a2c76118f11455e7703bceda.css"],"names":[],"mappings":"AACA,UAEE,QAAU,CACX,AACD,KACE,8BAAkC,AAClC,mCAAoC,AACpC,kCAAmC,AACnC,kBAAmB,AACnB,WAAY,AACZ,gBAAiB,AACjB,mBAAoB,AACpB,YAAa,AACb,aAAc,AACd,cAAgB,CACjB,AACD,eAKE,gBAAiB,AACjB,aAAe,CAChB,AACD,KACE,YAAa,AACb,cAAe,AACf,aAAe,CAChB,AACD,QACE,aAAc,AACd,gBAAiB,AACjB,gBAAiB,AACjB,qBAAuB,CACxB,AACD,GACE,eAAiB,CAClB,AACD,oBAGE,cAAe,AACf,qBAAsB,AACtB,eAAiB,CAClB,AACD,MACE,aAAc,AACd,2DAAqE,AACrE,kBAAmB,AACnB,aAAe,CAChB,AAED,qBACE,qBAAsB,AACtB,wBAAyB,AACzB,kBAAoB,CACrB,AAED,qBACE,cAAgB,CACjB,AAoLD,4BACE,iBAAmB,CACpB","file":"app.fbae9871a2c76118f11455e7703bceda.css","sourcesContent":["\nbody,\nhtml {\n margin: 0;\n}\n#app {\n font-family: 'Nunito', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-align: center;\n color: #222;\n font-weight: 300;\n background: #f1efef;\n width: 100vw;\n height: 100vh;\n font-size: 17px;\n}\nh1,\nh2,\nh3,\nh4,\nh5 {\n font-weight: 800;\n color: #5a5a5a;\n}\nmain {\n width: 800px;\n margin: 0 auto;\n display: table;\n}\nsection {\n padding: 20px;\n margin-top: 10px;\n background: #fff;\n border: 1px solid #eee;\n}\nh2 {\n margin-bottom: 0;\n}\na,\na:visited,\na:hover {\n color: #949090;\n text-decoration: none;\n font-weight: 700;\n}\n.info {\n margin-top: 0;\n font-family: 'Lato', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n font-style: italic;\n color: #949090;\n}\n\nsvg[data-v-9dd4e508] {\n display: inline-block;\n vertical-align: baseline;\n margin-bottom: -2px; /* yes, I'm that particular about formatting */\n}\n\nsvg[data-v-2a233b48] {\n cursor: pointer;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n#heartface[data-v-74794cb5] {\n visibility: hidden;\n}\n"]} -------------------------------------------------------------------------------- /docs/static/js/app.f40bbfa35ccfb9b01827.js: -------------------------------------------------------------------------------- 1 | webpackJsonp([0],{"186U":function(t,a){},NHnr:function(t,a,s){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var e=s("7+uW"),i={props:{iconName:{type:String,default:"box"},width:{type:[Number,String],default:18},height:{type:[Number,String],default:18},iconColor:{type:String,default:"currentColor"}}},r={render:function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:t.width,height:t.height,viewBox:"0 0 18 18","aria-labelledby":t.iconName,role:"presentation"}},[s("title",{attrs:{id:t.iconName,lang:"en"}},[t._v(t._s(t.iconName)+" icon")]),t._v(" "),s("g",{attrs:{fill:t.iconColor}},[t._t("default")],2)])},staticRenderFns:[]},n={render:function(){var t=this.$createElement;return(this._self._c||t)("path",{attrs:{d:"M16 3H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm-1.382 2L9 8.831 3.382 5h11.236zM15 12.5a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5V7.137l5.497 3.723a.976.976 0 0 0 1.006 0L15 7.137V12.5z"}})},staticRenderFns:[]},l={render:function(){var t=this.$createElement;return(this._self._c||t)("path",{attrs:{d:"M11.5 11H10V7.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5H8v2H6.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zM16 1H2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zm-1 13.5a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5v9z"}})},staticRenderFns:[]},h={render:function(){var t=this.$createElement,a=this._self._c||t;return a("g",[a("path",{attrs:{d:"M17 5h-4V2a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v3H1a1 1 0 0 0-1 1v1h2v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7h2V6a1 1 0 0 0-1-1zM7 3h4v2H7V3zm7 12H4V7h10v8z"}}),this._v(" "),a("path",{attrs:{d:"M6.5 13h1a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5zM10.5 13h1a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5z"}})])},staticRenderFns:[]},c={render:function(){var t=this.$createElement,a=this._self._c||t;return a("g",[a("path",{attrs:{d:"M17 1H1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zm-1 13.5a.5.5 0 0 1-.5.5H7.402l5.602-5.602L16 12.394V14.5zm0-4.894l-2.17-2.17a.989.989 0 0 0-.832-.435.983.983 0 0 0-.817.418l-7.582 7.582H2.501a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H15.5a.5.5 0 0 1 .5.5v6.106z"}}),this._v(" "),a("path",{attrs:{d:"M6 5a2 2 0 1 0-.001 3.999A2 2 0 0 0 6 5z"}})])},staticRenderFns:[]},o={render:function(){var t=this.$createElement,a=this._self._c||t;return a("g",[a("path",{attrs:{d:"M16.001 11a1 1 0 0 0-1 1v2.5a.5.5 0 0 1-.5.5H3.499a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5h2.5a1 1 0 1 0 0-2h-4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14.002a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"}}),this._v(" "),a("path",{attrs:{d:"M13.169 3.403l1.429 1.429L8.65 11H7V9.35l6.169-5.947zM13.182 1a.994.994 0 0 0-.706.292L5 8.5V13h4.501l7.209-7.475a.997.997 0 0 0 0-1.411l-2.822-2.822A.992.992 0 0 0 13.183 1z"}})])},staticRenderFns:[]},f={render:function(){var t=this.$createElement;return(this._self._c||t)("path",{attrs:{d:"M7.246 3.255a6.046 6.046 0 0 0-.198 2.597 5.988 5.988 0 0 0 7.672 4.892c-.674 2.215-2.642 3.926-4.973 4.21a5.994 5.994 0 0 1-5.248-1.977C3.347 11.673 2.83 9.99 3.042 8.238c.284-2.335 1.992-4.307 4.204-4.982zM8.985 1a8.15 8.15 0 0 0-1.104.075c-3.543.48-6.388 3.364-6.82 6.92C.469 12.862 4.245 17 8.985 17c.33 0 .665-.02 1.003-.062 3.549-.433 6.428-3.283 6.907-6.833.052-.383.076-.761.075-1.134-.002-.583-.482-.972-.996-.972a1.02 1.02 0 0 0-.614.207 3.96 3.96 0 0 1-2.383.793c-.188 0-.38-.013-.574-.04-1.732-.242-3.137-1.649-3.378-3.385a3.997 3.997 0 0 1 .751-2.963c.415-.657.025-1.609-.764-1.612h-.028z"}})},staticRenderFns:[]},v={render:function(){var t=this.$createElement;return(this._self._c||t)("path",{attrs:{d:"M14 2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1L0 9v7a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V9l-4-7zM5.732 3h6.535l2.857 5h-3.625a.5.5 0 0 0-.5.5v.411c0 1.044-.761 1.978-1.8 2.079A2.003 2.003 0 0 1 6.999 9v-.5a.5.5 0 0 0-.5-.5H2.874l2.857-5zM16 14.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5V10h3.131c.445 1.724 2.006 3 3.869 3s3.424-1.276 3.869-3H16v4.5z"}})},staticRenderFns:[]},d={components:{IconBase:s("VU/8")(i,r,!1,function(t){s("oCH2")},"data-v-9dd4e508",null).exports,IconEnvelope:s("VU/8")(null,n,!1,null,null,null).exports,IconCalendar:s("VU/8")(null,l,!1,null,null,null).exports,IconGarbage:s("VU/8")(null,h,!1,null,null,null).exports,IconImage:s("VU/8")(null,c,!1,null,null,null).exports,IconWrite:s("VU/8")(null,o,!1,null,null,null).exports,IconMoon:s("VU/8")(null,f,!1,null,null,null).exports,IconBox:s("VU/8")(null,v,!1,null,null,null).exports}},p={render:function(){var t=this.$createElement,a=this._self._c||t;return a("section",[a("h2",[this._v("Regular Icons")]),this._v(" "),this._m(0),this._v(" "),a("p",[a("icon-base",{attrs:{width:"12",height:"12","icon-name":"write"}},[a("icon-write")],1),this._v(" "),a("icon-base",{attrs:{"icon-name":"write"}},[a("icon-write")],1),this._v(" "),a("icon-base",{attrs:{width:"30",height:"30","icon-name":"write"}},[a("icon-write")],1),this._v(" "),a("br"),this._v("\n You can make inline icons of any size by passing props.\n ")],1),this._v(" "),a("p",{staticStyle:{color:"red"}},[a("icon-base",{attrs:{"icon-name":"moon"}},[a("icon-moon")],1),this._v("\n These red inline icons are automatically styled according to the text color.\n ")],1),this._v(" "),a("p",[a("icon-base",{attrs:{"icon-name":"moon"}},[a("icon-moon")],1),this._v(" "),a("icon-base",{attrs:{"icon-name":"write"}},[a("icon-write")],1),this._v(" "),a("icon-base",{attrs:{"icon-name":"image"}},[a("icon-image")],1),this._v(" "),a("icon-base",{attrs:{"icon-name":"garbage"}},[a("icon-garbage")],1),this._v(" "),a("icon-base",{attrs:{"icon-name":"calendar"}},[a("icon-calendar")],1),this._v(" "),a("icon-base",{attrs:{"icon-name":"envelope"}},[a("icon-envelope")],1),this._v(" "),a("br"),this._v(" "),a("icon-base",[a("icon-box")],1),this._v("\n You can use whatever icon you want and keep the base consistent with slots\n ")],1)])},staticRenderFns:[function(){var t=this.$createElement,a=this._self._c||t;return a("p",{staticClass:"info"},[this._v("All found on "),a("a",{attrs:{href:"https://icomoon.io/",target:"_blank"}},[this._v("Icomoon")]),this._v(", using the Vicons set")])}]},_=s("VU/8")(d,p,!1,null,null,null).exports,m=s("+Uzz"),u={methods:{watchStart:function(){var t=new m.TimelineMax;t.to("#hand",2,{rotation:100,svgOrigin:"54 61",ease:m.Elastic.easeOut}),t.to("#hand",.5,{rotation:0,svgOrigin:"54 61",ease:m.Circ.easeIn},"-=1")}}},z={render:function(){var t=this.$createElement,a=this._self._c||t;return a("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"90",height:"90",viewBox:"0 0 100 100","aria-labelledby":"watch",role:"presentation"},on:{click:this.watchStart}},[a("title",{attrs:{id:"watch",lang:"en"}},[this._v("Watch with a hand that moves")]),this._v(" "),a("path",{attrs:{fill:"#fff",d:"M0 0h100v100H0z"}}),this._v(" "),a("path",{attrs:{d:"M24.4 34.1l-2.4-.2a15.1 15.1 0 0 1-10-6.2 15.5 15.5 0 0 1-2.7-11.6A15.4 15.4 0 0 1 24.5 2.9l2.4.2a15.5 15.5 0 0 1 12.8 17.8 15.5 15.5 0 0 1-15.3 13.2zm.1-27.4a11.7 11.7 0 0 0-11.5 10 11.3 11.3 0 0 0 2.1 8.7 10.7 10.7 0 0 0 7.5 4.7l1.8.2a11.6 11.6 0 0 0 11.5-10 11.7 11.7 0 0 0-9.6-13.5z",fill:"#d6dee1"}}),this._v(" "),a("path",{attrs:{d:"M22.5 35.4l-2.5-.2a15.9 15.9 0 0 1-10.6-6.6 16.5 16.5 0 0 1-2.8-12.2 16.2 16.2 0 0 1 16-13.8 11.4 11.4 0 0 1 2.6.2 16.3 16.3 0 0 1 13.4 18.7 16.3 16.3 0 0 1-16.1 13.9zm.1-31.2A14.5 14.5 0 0 0 8.2 16.7a14.6 14.6 0 0 0 12 16.9l2.3.2A14.8 14.8 0 0 0 37 21.3 14.6 14.6 0 0 0 24.9 4.4a8.6 8.6 0 0 0-2.3-.2zm-.1 27.4l-1.9-.2a12.1 12.1 0 0 1-8.1-5 13 13 0 0 1-2.2-9.4A12.5 12.5 0 0 1 22.6 6.4h2a11.9 11.9 0 0 1 8 5.1 11.9 11.9 0 0 1 2.2 9.3 12.5 12.5 0 0 1-12.3 10.8zM22.6 8a10.9 10.9 0 0 0-10.7 9.3 11.3 11.3 0 0 0 1.9 8.2 10.7 10.7 0 0 0 7 4.3l1.7.2a10.8 10.8 0 0 0 10.7-9.3 10.9 10.9 0 0 0-1.9-8.2 10.6 10.6 0 0 0-7-4.4z",fill:"#7f746b"}}),this._v(" "),a("circle",{attrs:{cx:"58.1",cy:"61.7",r:"35.9",fill:"#d6dee1"}}),this._v(" "),a("path",{attrs:{d:"M54.3 97.9A36.7 36.7 0 1 1 91 61.2a36.8 36.8 0 0 1-36.7 36.7zm0-71.8a35.1 35.1 0 1 0 35.1 35.1 35.1 35.1 0 0 0-35.1-35.1z",fill:"#7f746b"}}),this._v(" "),a("path",{attrs:{d:"M54.3 90.1a29 29 0 1 1 29-28.9 29 29 0 0 1-29 28.9zm0-57.4a28.5 28.5 0 1 0 28.5 28.5 28.5 28.5 0 0 0-28.5-28.5z",fill:"#7f746b"}}),this._v(" "),a("circle",{attrs:{cx:"54.3",cy:"61.2",r:"25.1",fill:"#e6edef"}}),this._v(" "),a("g",{attrs:{fill:"#7f746b"}},[a("circle",{attrs:{cx:"42.2",cy:"45.8",r:"1.1"}}),this._v(" "),a("circle",{attrs:{cx:"51.7",cy:"41.6",r:"1.1"}}),this._v(" "),a("circle",{attrs:{cx:"61.8",cy:"43.1",r:"1.1"}}),this._v(" "),a("circle",{attrs:{cx:"70.2",cy:"49.3",r:"1.1"}}),this._v(" "),a("circle",{attrs:{cx:"74.1",cy:"58.8",r:"1.1"}}),this._v(" "),a("circle",{attrs:{cx:"73.6",cy:"68.6",r:"1.1"}}),this._v(" "),a("circle",{attrs:{cx:"66.9",cy:"77.1",r:"1.1"}}),this._v(" "),a("circle",{attrs:{cx:"57.4",cy:"81.3",r:"1.1"}}),this._v(" "),a("circle",{attrs:{cx:"47.3",cy:"79.9",r:"1.1"}}),this._v(" "),a("circle",{attrs:{cx:"38.8",cy:"73.8",r:"1.1"}}),this._v(" "),a("circle",{attrs:{cx:"34.4",cy:"64",r:"1.1"}}),this._v(" "),a("circle",{attrs:{cx:"35.8",cy:"53.7",r:"1.1"}})]),this._v(" "),a("g",{attrs:{fill:"#7f746b",id:"hand"}},[a("circle",{attrs:{cx:"54.1",cy:"61.9",r:"1.7"}}),this._v(" "),a("path",{attrs:{d:"M58.5 54.9L44.2 80.6l13.2-26.3 1.1.6z"}})]),this._v(" "),a("path",{attrs:{fill:"#b8bfc1",d:"M30 22.5l-6.2 4.7 5.7 7.7 6.8-5.1-6.3-7.3z"}}),this._v(" "),a("path",{attrs:{d:"M29.3 36l-6.6-8.9 7.4-5.8 7.4 8.6zm-4.4-8.6l4.7 6.4 5.5-4.1-5.2-6.1z",fill:"#7f746b"}}),this._v(" "),a("path",{attrs:{d:"M30.9 20.2a2.1 2.1 0 0 1-.4 3.1l-5.8 4.6a2.1 2.1 0 0 1-3.1-.4L17.2 22a2.1 2.1 0 0 1 .4-3.1l5.8-4.6a2.2 2.2 0 0 1 3.1.3z",fill:"#d6dee1"}}),this._v(" "),a("path",{attrs:{d:"M23.3 29.2a3 3 0 0 1-2.4-1.2l-4.3-5.5a2.9 2.9 0 0 1-.7-2.2 2.8 2.8 0 0 1 1.2-2.1l5.8-4.6a3.1 3.1 0 0 1 1.9-.6 3.2 3.2 0 0 1 2.4 1.1l4.3 5.6a2.9 2.9 0 0 1 .7 2.2 2.8 2.8 0 0 1-1.2 2l-5.8 4.6a2.6 2.6 0 0 1-1.9.7zm1.5-14.6a1.6 1.6 0 0 0-.9.3l-5.8 4.6a1.8 1.8 0 0 0-.6.9 2 2 0 0 0 .3 1.1l4.4 5.5a1.5 1.5 0 0 0 2 .3l5.8-4.6a2.1 2.1 0 0 0 .6-1 1.7 1.7 0 0 0-.3-1l-4.4-5.6a1.6 1.6 0 0 0-1.1-.5z",fill:"#7f746b"}}),this._v(" "),a("g",{attrs:{fill:"#7f746b"}},[a("path",{attrs:{d:"M18.775 20.04l.388-.314 6.174 7.597-.388.315zM19.949 18.853l.388-.315 6.174 7.597-.388.315zM21.29 17.935l.388-.316 6.175 7.598-.388.315zM22.568 16.939l.388-.316 6.175 7.598-.388.315zM23.732 16.083l.388-.315 6.18 7.605-.387.316z"}})])])},staticRenderFns:[]},g={methods:{movePalette:function(){var t=new m.TimelineMax;t.add("start"),this.mPalette(t,"#light",-5),this.mPalette(t,"#med",-15),this.mPalette(t,"#dark",-25),t.to("#pen",.6,{rotation:20,x:20,transformOrigin:"50% 50%",ease:m.Back.easeOut},"start"),this.mPBack(t,"#light"),this.mPBack(t,"#med"),this.mPBack(t,"#dark"),t.to("#pen",.4,{rotation:0,x:0,transformOrigin:"50% 50%",ease:m.Sine.easeIn},"start+=0.7")},mPalette:function(t,a,s){t.to(a,.6,{rotation:s,x:5,svgOrigin:"49 82",ease:m.Back.easeOut},"start")},mPBack:function(t,a){t.to(a,.4,{rotation:0,x:0,svgOrigin:"49 82",ease:m.Sine.easeIn},"start+=0.7")}}},M={render:function(){var t=this.$createElement,a=this._self._c||t;return a("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"100",height:"100",viewBox:"0 0 100 100","aria-labelledby":"palette",role:"presentation"},on:{click:this.movePalette}},[a("title",{attrs:{id:"palette",lang:"en"}},[this._v("Animated Color palette")]),this._v(" "),a("path",{attrs:{id:"bk",fill:"#fff",d:"M0 0h100v100H0z"}}),this._v(" "),a("g",{attrs:{id:"palette"}},[a("g",{attrs:{id:"dark"}},[a("path",{attrs:{transform:"rotate(-64.1 71.508 54.997)",fill:"#fff",d:"M33.3 42.8h76.3v24.23H33.3z"}}),this._v(" "),a("path",{attrs:{d:"M65 93.5L41.8 82.2l33.9-70L99 23.5zm-21.1-12l20.4 9.9 32.5-67.2-20.3-9.9z",fill:"#7f746b"}}),this._v(" "),a("path",{attrs:{transform:"rotate(-64.1 81.575 30.396)",fill:"#577f7c",d:"M72.5 21.4h18.1v18.05H72.5z"}}),this._v(" "),a("path",{attrs:{transform:"rotate(-64.1 72.191 49.644)",fill:"#426662",d:"M63.2 40.6h18.1v18.06H63.2z"}}),this._v(" "),a("path",{attrs:{transform:"rotate(-64.1 62.888 68.943)",fill:"#375954",d:"M53.8 59.9h18.1v18.05H53.8z"}})]),this._v(" "),a("g",{attrs:{id:"med"}},[a("path",{attrs:{transform:"rotate(-78.9 57.558 49.808)",fill:"#fff",d:"M19.4 37.7h76.3v24.23H19.4z"}}),this._v(" "),a("path",{attrs:{d:"M61.1 88.7l-25.3-5 15-76.4 25.4 5zm-23.4-6.2l22.2 4.3 14.4-73.2-22.2-4.4z",fill:"#7f746b"}}),this._v(" "),a("path",{attrs:{transform:"rotate(-78.9 61.042 23.53)",fill:"#88bcbc",d:"M52 14.5h18.1v18.05H52z"}}),this._v(" "),a("path",{attrs:{transform:"rotate(-78.9 56.93 44.502)",fill:"#78a8a7",d:"M47.9 35.5H66v18.05H47.9z"}}),this._v(" "),a("path",{attrs:{transform:"rotate(-78.9 52.758 65.425)",fill:"#659391",d:"M43.8 56.4h18.1v18.05H43.8z"}})]),this._v(" "),a("g",{attrs:{id:"light"}},[a("path",{attrs:{fill:"#fff",d:"M28 9.6h24.2v76.25H28z"}}),this._v(" "),a("path",{attrs:{d:"M51.2 85.2H25.3V7.4h25.9zm-24.3-1.6h22.6V9H26.9z",fill:"#7f746b"}}),this._v(" "),a("path",{attrs:{fill:"#a2dade",d:"M29.5 12.2h18.1v18.05H29.5z"}}),this._v(" "),a("path",{attrs:{fill:"#ade8ea",d:"M29.5 33.6h18.1v18.05H29.5z"}}),this._v(" "),a("path",{attrs:{fill:"#d0fcfb",d:"M29.5 55h18.1v18.05H29.5z"}})])]),this._v(" "),a("g",{attrs:{id:"pen"}},[a("path",{attrs:{transform:"rotate(-54.1 25.93 61.88)",fill:"#a2dade",d:"M-7.7 59.1h67.2v5.53H-7.7z"}}),this._v(" "),a("path",{attrs:{d:"M8.3 91.8l-5.4-3.9 40-55.3 5.3 3.8zm-3.9-4.1L8 90.3l38.7-53.6-3.6-2.6z",fill:"#7f746b"}}),this._v(" "),a("path",{attrs:{d:"M35.6 53.1l11.9-16.5-4.5-3.3-11.9 16.5z",fill:"#fff"}}),this._v(" "),a("path",{attrs:{d:"M30.3 49.9l12.6-17.3 5.3 3.8-12.5 17.4-.4-.3-4.5-3.2zm12.8-15.8L31.8 49.7l3.6 2.6 11.3-15.6z",fill:"#7f746b"}}),this._v(" "),a("path",{attrs:{transform:"rotate(-54.2 4.844 91.005)",fill:"#fff",d:"M2.9 89.2h4v3.71h-4z"}}),this._v(" "),a("path",{attrs:{d:"M5.3 94.5l-3.9-2.8 3-4.1 3.9 2.8zm-2.4-3L5.1 93l1.7-2.3-2.2-1.6z",fill:"#7f746b"}}),this._v(" "),a("path",{attrs:{transform:"rotate(-54.1 40.524 34.025)",fill:"#7f746b",d:"M39.9 32.9H41v2.24h-1.1z"}}),this._v(" "),a("path",{attrs:{transform:"rotate(-54.1 30.624 47.611)",fill:"#7f746b",d:"M30.1 46.5h1.1v2.24h-1.1z"}}),this._v(" "),a("path",{attrs:{transform:"rotate(-54.1 34.768 40.221)",fill:"#7f746b",d:"M25.9 39.7h17.8v1.08H25.9z"}})])])},staticRenderFns:[]},b={methods:{startScissors:function(){this.scissorAnim("#right-scissor",30),this.scissorAnim("#left-scissor",-30)},scissorAnim:function(t,a){m.TweenMax.to(t,.25,{rotation:a,repeat:3,yoyo:!0,svgOrigin:"50 45",ease:m.Sine.easeInOut})}}},y={render:function(){var t=this.$createElement,a=this._self._c||t;return a("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",width:"100",height:"100","aria-labelledby":"scissors",role:"presentation"},on:{click:this.startScissors}},[a("title",{attrs:{id:"scissors",lang:"en"}},[this._v("Scissors Animated Icon")]),this._v(" "),a("path",{attrs:{id:"bk",fill:"#fff",d:"M0 0h100v100H0z"}}),this._v(" "),a("g",{attrs:{id:"left-scissor"}},[a("path",{attrs:{d:"M57.6 47h-8.7v4.7H53l1.5 45h1.1a24.9 24.9 0 0 0 2-49.7zm1.5 45l-1.5-40.4a20.3 20.3 0 0 1 18.3 20.2c0 10.5-6.5 19.2-16.8 20.2z",fill:"#30374b"}}),this._v(" "),a("path",{attrs:{d:"M53.9 50.7l1.5 45.1h.2a24 24 0 0 0 1.9-47.9h-8v2.9zm3.8 0a21.1 21.1 0 0 1 19.1 21.1c0 11.4-7.2 20.1-17.6 21.1h-.9l-1.6-42.3z",fill:"none"}}),this._v(" "),a("path",{attrs:{d:"M75 71.8a19.3 19.3 0 0 0-16.5-19.2L60 91c8.9-1.3 15-9.1 15-19.2z",fill:"none"}}),this._v(" "),a("path",{attrs:{d:"M59.2 92.9c10.4-1 17.6-9.7 17.6-21.1a21.1 21.1 0 0 0-19.1-21.1h-1L58.3 93zM75 71.8c0 10.1-6.1 17.9-15 19.2l-1.5-38.4A19.3 19.3 0 0 1 75 71.8z",fill:"#7f756b"}}),this._v(" "),a("path",{attrs:{d:"M58.5 46.2V46h-9v1.8h8a24 24 0 0 1-1.9 47.9h-.2l-1.5-45h-4.4v1.8h2.7l1.5 45h1.9a25.8 25.8 0 0 0 2.9-51.4z",fill:"#7f756b"}}),this._v(" "),a("path",{attrs:{fill:"#a2a1a2",d:"M54.6 51.3l.6-49.1-9.6 49.1h9z"}}),this._v(" "),a("path",{attrs:{d:"M55.5 52.1H44.6L54.3 2l1.8.2zm-8.8-1.7h7l.5-38.5z",fill:"#7f756b"}})]),this._v(" "),a("g",{attrs:{id:"right-scissor"}},[a("path",{attrs:{d:"M42.3 46.9a24.9 24.9 0 0 0 0 49.8h1l1.6-45h4v-4.8zM38.8 92C28.5 91 22 82.3 22 71.8a20.3 20.3 0 0 1 18.3-20.2z",fill:"#30374b"}}),this._v(" "),a("path",{attrs:{d:"M18.3 71.8a24 24 0 0 0 24 24h.2L44 50.7h5.5v-2.9h-7.2a23.9 23.9 0 0 0-24 24zM39.6 93h-.9c-10.4-1-17.6-9.7-17.6-21.1a21.1 21.1 0 0 1 19.1-21.2h1z",fill:"none"}}),this._v(" "),a("path",{attrs:{d:"M22.9 71.8c0 10.1 6.1 17.9 15 19.2l1.5-38.4a19.3 19.3 0 0 0-16.5 19.2z",fill:"none"}}),this._v(" "),a("path",{attrs:{d:"M21.1 71.8c0 11.4 7.2 20.1 17.6 21.1h.9l1.6-42.4h-1a21.1 21.1 0 0 0-19.1 21.3zM37.9 91c-8.9-1.3-15-9.1-15-19.2a19.3 19.3 0 0 1 16.5-19.2z",fill:"#7f756b"}}),this._v(" "),a("path",{attrs:{d:"M44 50.7l-1.5 45.1h-.2a24 24 0 0 1 0-48h7.2V46h-7.2a25.8 25.8 0 0 0 0 51.6h1.9l1.5-45h3.8v-1.9z",fill:"#7f756b"}}),this._v(" "),a("path",{attrs:{fill:"#d3d9df",d:"M43.2 51.3l-.6-49.1 9.5 49.1h-8.9z"}}),this._v(" "),a("path",{attrs:{d:"M53.2 52.1H42.3l-.6-49.9 1.7-.2zm-9.1-1.7h7l-7.5-38.5z",fill:"#7f756b"}})]),this._v(" "),a("circle",{attrs:{cx:"48.6",cy:"44.5",r:"3.7",fill:"#e5e8ec"}}),this._v(" "),a("path",{attrs:{d:"M48.6 49.1a4.6 4.6 0 1 1 0-9.1 4.6 4.6 0 0 1 0 9.1zm0-7.4a2.8 2.8 0 0 0-2.8 2.8 2.7 2.7 0 0 0 2.8 2.8 2.8 2.8 0 0 0 2.8-2.8 2.9 2.9 0 0 0-2.8-2.8z",fill:"#7f756b"}})])},staticRenderFns:[]},w={methods:{makeHeart:function(){m.TweenMax.set("#heartface",{visibility:"visible"});var t=new m.TimelineMax;t.add("start"),t.fromTo("#eyes",.1,{scaleY:1,transformOrigin:"50% 50%;"},{scaleY:0,transformOrigin:"50% 50%;",repeat:3,yoyo:!0,ease:m.Sine.easeInOut},"start"),t.fromTo("#blush, #eyes",.3,{y:0},{y:-5,ease:m.Sine.easeOut},"start"),t.fromTo("#heartface",.3,{opacity:0},{opacity:1,ease:m.Sine.easeOut},"start+=0.3"),t.from("#openmouth",.2,{scaleY:0,ease:m.Sine.easeOut},"start+=0.3"),t.from("#hearteyes",.2,{rotation:10,repeat:4,yoyo:!0,transformOrigin:"50% 50%",ease:m.Sine.easeOut},"start+=0.3"),t.to("#heartface",.1,{opacity:0,ease:m.Sine.easeIn},"start+=1.1"),t.fromTo("#eyes",.1,{scaleY:1,transformOrigin:"50% 50%;"},{scaleY:0,transformOrigin:"50% 50%;",repeat:3,yoyo:!0,ease:m.Sine.easeInOut},"start+=1.1"),t.to("#blush, #eyes",.3,{y:0,ease:m.Sine.easeIn},"start+=1.1")}}},x={render:function(){var t=this.$createElement,a=this._self._c||t;return a("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"100",height:"100",viewBox:"0 0 120 120","aria-labelledby":"heartface",role:"presentation"},on:{click:this.makeHeart}},[a("title",{attrs:{id:"heartface",lang:"en"}},[this._v("Smiley face that turns into heart eyes")]),this._v(" "),a("defs",[a("linearGradient",{attrs:{id:"linear-gradient",x1:"55.09",y1:"8.79",x2:"55.09",y2:"95.5",gradientTransform:"matrix(1 0 0 -1 10 112)",gradientUnits:"userSpaceOnUse"}},[a("stop",{attrs:{offset:"0","stop-color":"#f9a65d"}}),this._v(" "),a("stop",{attrs:{offset:"1","stop-color":"#fcd25c"}})],1)],1),this._v(" "),a("path",{attrs:{id:"bk",fill:"#fff",d:"M0 0h120v120H0z"}}),this._v(" "),a("g",{attrs:{id:"originalface"}},[a("circle",{attrs:{cx:"65.1",cy:"59.9",r:"43.4",fill:"url(#linear-gradient)"}}),this._v(" "),a("path",{attrs:{d:"M49.5 94.6a44.8 44.8 0 1 1 44.8-44.7 44.8 44.8 0 0 1-44.8 44.7zm0-86.7a42 42 0 1 0 42 42 42 42 0 0 0-42-42z",transform:"translate(10 10)",fill:"#7f756b"}}),this._v(" "),a("g",{attrs:{id:"eyes",fill:"#7f756b"}},[a("circle",{attrs:{cx:"41.5",cy:"52",r:"5.6"}}),this._v(" "),a("circle",{attrs:{cx:"78.5",cy:"52",r:"5.6"}})]),this._v(" "),a("g",{attrs:{id:"blush",fill:"#f15e58"}},[a("circle",{staticStyle:{isolation:"isolate"},attrs:{cx:"80.7",cy:"71.8",r:"7.9",opacity:".5"}}),this._v(" "),a("circle",{staticStyle:{isolation:"isolate"},attrs:{cx:"39.4",cy:"70.6",r:"7.9",opacity:".5"}})]),this._v(" "),a("path",{attrs:{d:"M49.6 67.2h-.8c-9.6-.3-15.7-4.9-15.6-11.8h2.7c0 6.4 7 8.9 13 9 7.6.3 16-3 16.3-8.6h2.7c-.3 7.3-9.4 11.4-18.3 11.4z",transform:"translate(10 10)",fill:"#7f756b",id:"sm-mouth"}})]),this._v(" "),a("g",{attrs:{id:"heartface"}},[a("g",{attrs:{id:"hearteyes"}},[a("path",{attrs:{d:"M30.6 21.8h-1.5c-3.8 0-5.6 1.7-7.6 4.1-2.1-2.4-3.9-4.1-7.6-4.1h-1.5c-3.3.3-7 3.3-7.5 9v1.9c.4 5.4 4.5 12.1 16.6 20.6 12-8.5 16.1-15.2 16.5-20.6v-1.9c-.5-5.7-4.2-8.7-7.4-9z",transform:"translate(10 10)",fill:"#e54242"}}),this._v(" "),a("path",{attrs:{d:"M21.5 55l-.8-.6C9.7 46.7 4.1 39.6 3.5 32.8v-2c.6-6.5 4.9-9.9 8.7-10.3s7.2 1.2 9.3 3.3c2-2.1 4.4-3.7 9.2-3.3s8.2 3.8 8.7 10.3v2c-.5 6.8-6.1 13.9-17.1 21.6zM6.3 32.6c.5 5.7 5.6 12.1 15.2 19 9.5-6.9 14.6-13.3 15.1-19v-1.8c-.4-4.8-3.5-7.3-6.2-7.6s-5.5.7-7.9 3.5l-1 1.3-1.1-1.3c-2.4-2.8-3.9-3.9-7.9-3.5S6.7 26 6.3 30.8z",transform:"translate(10 10)",fill:"#7f756b"}}),this._v(" "),a("g",[a("path",{attrs:{d:"M89.2 21.8h-1.5c-3.8 0-5.6 1.7-7.6 4.1-2.1-2.4-3.9-4.1-7.6-4.1H71c-3.3.3-7 3.3-7.5 9v1.9c.4 5.4 4.5 12.1 16.6 20.6 12-8.5 16.1-15.2 16.5-20.6v-1.9c-.5-5.7-4.2-8.7-7.4-9z",transform:"translate(10 10)",fill:"#e54242"}}),this._v(" "),a("path",{attrs:{d:"M80.1 55l-.8-.6c-11-7.7-16.6-14.8-17.2-21.6v-2c.5-6.5 4.9-9.9 8.7-10.3a10.5 10.5 0 0 1 9.3 3.3c2-2.1 4.5-3.7 9.2-3.3s8.2 3.8 8.7 10.3v2c-.5 6.8-6.1 13.9-17.1 21.6zM64.9 32.6c.5 5.7 5.6 12.1 15.2 19 9.5-6.9 14.6-13.3 15.1-19v-1.8c-.4-4.8-3.5-7.3-6.2-7.6h-1.3c-3.1 0-4.5 1.1-6.6 3.6l-1 1.3-1.1-1.4c-2.1-2.5-3.5-3.6-6.5-3.6h-1.4c-2.7.3-5.8 2.8-6.2 7.6v1.8z",transform:"translate(10 10)",fill:"#7f756b"}})])]),this._v(" "),a("g",{attrs:{id:"openmouth"}},[a("path",{attrs:{d:"M30.8 54.7a18.7 18.7 0 0 0 37.4 0A22.8 22.8 0 0 0 68 52H31a11.8 11.8 0 0 0-.2 2.7z",transform:"translate(10 10)",fill:"#493f3c"}}),this._v(" "),a("path",{attrs:{d:"M50 59l17.6.2a16.8 16.8 0 0 0 .6-4.5A22.8 22.8 0 0 0 68 52H31a11.8 11.8 0 0 0-.2 2.7 18.4 18.4 0 0 0 .4 4.1z",transform:"translate(10 10)",fill:"#fff"}}),this._v(" "),a("path",{attrs:{d:"M62 68.6a18 18 0 0 0-24.5.4 18.6 18.6 0 0 0 12 4.4A19 19 0 0 0 62 68.6z",transform:"translate(10 10)",fill:"#e54242"}}),this._v(" "),a("path",{attrs:{d:"M49.5 74.8a20.2 20.2 0 0 1-20.1-20.1 15.2 15.2 0 0 1 .2-2.9l.2-1.2h39.4l.2 1.2c.1 1.1.2 2 .2 2.9a20.2 20.2 0 0 1-20.1 20.1zM32.2 53.4v1.3a17.3 17.3 0 0 0 34.6 0v-1.3z",transform:"translate(10 10)",fill:"#7f756b"}})])])])},staticRenderFns:[]},H={components:{IconWatch:s("VU/8")(u,z,!1,null,null,null).exports,IconPalette:s("VU/8")(g,M,!1,function(t){s("tzQm")},"data-v-ad7f82f0",null).exports,IconScissors:s("VU/8")(b,y,!1,function(t){s("bPkN")},"data-v-1683a3b6",null).exports,IconHeartFace:s("VU/8")(w,x,!1,function(t){s("Z4zG")},"data-v-74794cb5",null).exports}},V={render:function(){var t=this.$createElement,a=this._self._c||t;return a("section",[a("h2",[this._v("Animated Icons")]),this._v(" "),this._m(0),this._v(" "),a("p",[this._v("Click on the icons below")]),this._v(" "),a("icon-scissors"),this._v(" "),a("icon-heart-face"),this._v(" "),a("icon-watch"),this._v(" "),a("icon-palette")],1)},staticRenderFns:[function(){var t=this.$createElement,a=this._self._c||t;return a("p",{staticClass:"info"},[this._v("Icons purchased from "),a("a",{attrs:{href:"https://creativemarket.com/dianahlevnjak/1607119-Styled-stock-photography-icons",target:"_blank"}},[this._v("Creative Market")]),this._v(", readied for animation with "),a("a",{attrs:{href:"https://www.adobe.com/products/illustrator.html",target:"_blank"}},[this._v("Adobe Illustrator")]),this._v(" and "),a("a",{attrs:{href:"https://jakearchibald.github.io/svgomg/",target:"_blank"}},[this._v("SVGOMG")])])}]},k={components:{AppTypographyIcon:_,AppAnimatedIcon:s("VU/8")(H,V,!1,function(t){s("lafg")},"data-v-2a233b48",null).exports}},S={render:function(){var t=this.$createElement,a=this._self._c||t;return a("div",{attrs:{id:"app"}},[a("main",[a("h1",[this._v("Sample Vue.js SVG Icon System")]),this._v(" "),a("app-typography-icon"),this._v(" "),a("app-animated-icon")],1)])},staticRenderFns:[]},I=s("VU/8")(k,S,!1,function(t){s("186U")},null,null).exports;e.a.config.productionTip=!1,new e.a({el:"#app",template:"",components:{App:I}})},Z4zG:function(t,a){},bPkN:function(t,a){},lafg:function(t,a){},oCH2:function(t,a){},tzQm:function(t,a){}},["NHnr"]); 2 | //# sourceMappingURL=app.f40bbfa35ccfb9b01827.js.map -------------------------------------------------------------------------------- /docs/static/js/app.f40bbfa35ccfb9b01827.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:///src/components/IconBase.vue","webpack:///./src/components/IconBase.vue?d3a7","webpack:///./src/components/icons/IconEnvelope.vue?14ea","webpack:///./src/components/icons/IconCalendar.vue?e668","webpack:///./src/components/icons/IconGarbage.vue?abc1","webpack:///./src/components/icons/IconImage.vue?97d8","webpack:///./src/components/icons/IconWrite.vue?ff2c","webpack:///./src/components/icons/IconMoon.vue?6827","webpack:///./src/components/icons/IconBox.vue?76f1","webpack:///src/components/AppTypographyIcon.vue","webpack:///./src/components/IconBase.vue","webpack:///./src/components/icons/IconEnvelope.vue","webpack:///./src/components/icons/IconCalendar.vue","webpack:///./src/components/icons/IconGarbage.vue","webpack:///./src/components/icons/IconImage.vue","webpack:///./src/components/icons/IconWrite.vue","webpack:///./src/components/icons/IconMoon.vue","webpack:///./src/components/icons/IconBox.vue","webpack:///./src/components/AppTypographyIcon.vue?ae3f","webpack:///./src/components/AppTypographyIcon.vue","webpack:///src/components/animatedicons/IconWatch.vue","webpack:///./src/components/animatedicons/IconWatch.vue?d53b","webpack:///src/components/animatedicons/IconPalette.vue","webpack:///./src/components/animatedicons/IconPalette.vue?8505","webpack:///src/components/animatedicons/IconScissors.vue","webpack:///./src/components/animatedicons/IconScissors.vue?e456","webpack:///src/components/animatedicons/IconHeartFace.vue","webpack:///./src/components/animatedicons/IconHeartFace.vue?df63","webpack:///src/components/AppAnimatedIcon.vue","webpack:///./src/components/animatedicons/IconWatch.vue","webpack:///./src/components/animatedicons/IconPalette.vue","webpack:///./src/components/animatedicons/IconScissors.vue","webpack:///./src/components/animatedicons/IconHeartFace.vue","webpack:///./src/components/AppAnimatedIcon.vue?ad24","webpack:///src/App.vue","webpack:///./src/components/AppAnimatedIcon.vue","webpack:///./src/App.vue?dffa","webpack:///./src/App.vue","webpack:///./src/main.js"],"names":["IconBase","String","components_IconBase","render","_vm","this","_h","$createElement","_c","_self","attrs","xmlns","width","height","viewBox","aria-labelledby","iconName","role","id","lang","_v","_s","fill","iconColor","_t","staticRenderFns","IconEnvelope","d","IconCalendar","IconGarbage","IconImage","IconWrite","IconMoon","IconBox","__webpack_require__","normalizeComponent","ssrContext","IconEnvelope_normalizeComponent","IconCalendar_normalizeComponent","IconGarbage_normalizeComponent","IconImage_normalizeComponent","IconWrite_normalizeComponent","IconMoon_normalizeComponent","IconBox_normalizeComponent","components_AppTypographyIcon","_m","icon-name","staticStyle","color","staticClass","href","target","src_components_AppTypographyIcon","AppTypographyIcon_normalizeComponent","AppTypographyIcon","IconWatch","TweenMax","easeOut","to","easeIn","animatedicons_IconWatch","on","click","watchStart","cx","cy","r","IconPalette","el","rot","animatedicons_IconPalette","movePalette","transform","IconScissors","easeInOut","animatedicons_IconScissors","startScissors","IconHeartFace","fromTo","from","animatedicons_IconHeartFace","makeHeart","x1","y1","x2","y2","gradientTransform","gradientUnits","offset","stop-color","isolation","opacity","IconWatch_normalizeComponent","IconPalette_normalizeComponent","IconScissors_normalizeComponent","IconHeartFace_normalizeComponent","components_AppAnimatedIcon","App","AppAnimatedIcon","AppAnimatedIcon_normalizeComponent","selectortype_template_index_0_src_App","src_App","App_normalizeComponent","vue_esm","config","productionTip","template","components"],"mappings":"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","file":"static/js/app.f40bbfa35ccfb9b01827.js","sourcesContent":["\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// src/components/IconBase.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":_vm.width,\"height\":_vm.height,\"viewBox\":\"0 0 18 18\",\"aria-labelledby\":_vm.iconName,\"role\":\"presentation\"}},[_c('title',{attrs:{\"id\":_vm.iconName,\"lang\":\"en\"}},[_vm._v(_vm._s(_vm.iconName)+\" icon\")]),_vm._v(\" \"),_c('g',{attrs:{\"fill\":_vm.iconColor}},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-9dd4e508\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/IconBase.vue\n// module id = null\n// module chunks = ","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('path',{attrs:{\"d\":\"M16 3H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm-1.382 2L9 8.831 3.382 5h11.236zM15 12.5a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5V7.137l5.497 3.723a.976.976 0 0 0 1.006 0L15 7.137V12.5z\"}})}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-22fe8fb9\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/icons/IconEnvelope.vue\n// module id = null\n// module chunks = ","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('path',{attrs:{\"d\":\"M11.5 11H10V7.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5H8v2H6.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zM16 1H2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zm-1 13.5a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5v9z\"}})}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-ca4abca0\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/icons/IconCalendar.vue\n// module id = null\n// module chunks = ","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('g',[_c('path',{attrs:{\"d\":\"M17 5h-4V2a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v3H1a1 1 0 0 0-1 1v1h2v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7h2V6a1 1 0 0 0-1-1zM7 3h4v2H7V3zm7 12H4V7h10v8z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M6.5 13h1a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5zM10.5 13h1a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5z\"}})])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-49c73cda\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/icons/IconGarbage.vue\n// module id = null\n// module chunks = ","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('g',[_c('path',{attrs:{\"d\":\"M17 1H1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zm-1 13.5a.5.5 0 0 1-.5.5H7.402l5.602-5.602L16 12.394V14.5zm0-4.894l-2.17-2.17a.989.989 0 0 0-.832-.435.983.983 0 0 0-.817.418l-7.582 7.582H2.501a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H15.5a.5.5 0 0 1 .5.5v6.106z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M6 5a2 2 0 1 0-.001 3.999A2 2 0 0 0 6 5z\"}})])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-9af4adf6\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/icons/IconImage.vue\n// module id = null\n// module chunks = ","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('g',[_c('path',{attrs:{\"d\":\"M16.001 11a1 1 0 0 0-1 1v2.5a.5.5 0 0 1-.5.5H3.499a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5h2.5a1 1 0 1 0 0-2h-4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14.002a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M13.169 3.403l1.429 1.429L8.65 11H7V9.35l6.169-5.947zM13.182 1a.994.994 0 0 0-.706.292L5 8.5V13h4.501l7.209-7.475a.997.997 0 0 0 0-1.411l-2.822-2.822A.992.992 0 0 0 13.183 1z\"}})])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-371c8182\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/icons/IconWrite.vue\n// module id = null\n// module chunks = ","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('path',{attrs:{\"d\":\"M7.246 3.255a6.046 6.046 0 0 0-.198 2.597 5.988 5.988 0 0 0 7.672 4.892c-.674 2.215-2.642 3.926-4.973 4.21a5.994 5.994 0 0 1-5.248-1.977C3.347 11.673 2.83 9.99 3.042 8.238c.284-2.335 1.992-4.307 4.204-4.982zM8.985 1a8.15 8.15 0 0 0-1.104.075c-3.543.48-6.388 3.364-6.82 6.92C.469 12.862 4.245 17 8.985 17c.33 0 .665-.02 1.003-.062 3.549-.433 6.428-3.283 6.907-6.833.052-.383.076-.761.075-1.134-.002-.583-.482-.972-.996-.972a1.02 1.02 0 0 0-.614.207 3.96 3.96 0 0 1-2.383.793c-.188 0-.38-.013-.574-.04-1.732-.242-3.137-1.649-3.378-3.385a3.997 3.997 0 0 1 .751-2.963c.415-.657.025-1.609-.764-1.612h-.028z\"}})}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-6424fe46\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/icons/IconMoon.vue\n// module id = null\n// module chunks = ","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('path',{attrs:{\"d\":\"M14 2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1L0 9v7a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V9l-4-7zM5.732 3h6.535l2.857 5h-3.625a.5.5 0 0 0-.5.5v.411c0 1.044-.761 1.978-1.8 2.079A2.003 2.003 0 0 1 6.999 9v-.5a.5.5 0 0 0-.5-.5H2.874l2.857-5zM16 14.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5V10h3.131c.445 1.724 2.006 3 3.869 3s3.424-1.276 3.869-3H16v4.5z\"}})}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-0a6c7257\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/icons/IconBox.vue\n// module id = null\n// module chunks = ","\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// src/components/AppTypographyIcon.vue","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-9dd4e508\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./IconBase.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./IconBase.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./IconBase.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-9dd4e508\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./IconBase.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-9dd4e508\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/IconBase.vue\n// module id = null\n// module chunks = ","var normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nvar __vue_script__ = null\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-22fe8fb9\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./IconEnvelope.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/icons/IconEnvelope.vue\n// module id = null\n// module chunks = ","var normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nvar __vue_script__ = null\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-ca4abca0\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./IconCalendar.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/icons/IconCalendar.vue\n// module id = null\n// module chunks = ","var normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nvar __vue_script__ = null\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-49c73cda\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./IconGarbage.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/icons/IconGarbage.vue\n// module id = null\n// module chunks = ","var normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nvar __vue_script__ = null\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-9af4adf6\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./IconImage.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/icons/IconImage.vue\n// module id = null\n// module chunks = ","var normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nvar __vue_script__ = null\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-371c8182\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./IconWrite.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/icons/IconWrite.vue\n// module id = null\n// module chunks = ","var normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nvar __vue_script__ = null\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-6424fe46\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./IconMoon.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/icons/IconMoon.vue\n// module id = null\n// module chunks = ","var normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nvar __vue_script__ = null\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0a6c7257\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./IconBox.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/icons/IconBox.vue\n// module id = null\n// module chunks = ","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('h2',[_vm._v(\"Regular Icons\")]),_vm._v(\" \"),_vm._m(0),_vm._v(\" \"),_c('p',[_c('icon-base',{attrs:{\"width\":\"12\",\"height\":\"12\",\"icon-name\":\"write\"}},[_c('icon-write')],1),_vm._v(\" \"),_c('icon-base',{attrs:{\"icon-name\":\"write\"}},[_c('icon-write')],1),_vm._v(\" \"),_c('icon-base',{attrs:{\"width\":\"30\",\"height\":\"30\",\"icon-name\":\"write\"}},[_c('icon-write')],1),_vm._v(\" \"),_c('br'),_vm._v(\"\\n You can make inline icons of any size by passing props.\\n \")],1),_vm._v(\" \"),_c('p',{staticStyle:{\"color\":\"red\"}},[_c('icon-base',{attrs:{\"icon-name\":\"moon\"}},[_c('icon-moon')],1),_vm._v(\"\\n These red inline icons are automatically styled according to the text color.\\n \")],1),_vm._v(\" \"),_c('p',[_c('icon-base',{attrs:{\"icon-name\":\"moon\"}},[_c('icon-moon')],1),_vm._v(\" \"),_c('icon-base',{attrs:{\"icon-name\":\"write\"}},[_c('icon-write')],1),_vm._v(\" \"),_c('icon-base',{attrs:{\"icon-name\":\"image\"}},[_c('icon-image')],1),_vm._v(\" \"),_c('icon-base',{attrs:{\"icon-name\":\"garbage\"}},[_c('icon-garbage')],1),_vm._v(\" \"),_c('icon-base',{attrs:{\"icon-name\":\"calendar\"}},[_c('icon-calendar')],1),_vm._v(\" \"),_c('icon-base',{attrs:{\"icon-name\":\"envelope\"}},[_c('icon-envelope')],1),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('icon-base',[_c('icon-box')],1),_vm._v(\"\\n You can use whatever icon you want and keep the base consistent with slots\\n \")],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"info\"},[_vm._v(\"All found on \"),_c('a',{attrs:{\"href\":\"https://icomoon.io/\",\"target\":\"_blank\"}},[_vm._v(\"Icomoon\")]),_vm._v(\", using the Vicons set\")])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-53888599\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/AppTypographyIcon.vue\n// module id = null\n// module chunks = ","var normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./AppTypographyIcon.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./AppTypographyIcon.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-53888599\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./AppTypographyIcon.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/AppTypographyIcon.vue\n// module id = null\n// module chunks = ","\n\n\n\n\n// WEBPACK FOOTER //\n// src/components/animatedicons/IconWatch.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"90\",\"height\":\"90\",\"viewBox\":\"0 0 100 100\",\"aria-labelledby\":\"watch\",\"role\":\"presentation\"},on:{\"click\":_vm.watchStart}},[_c('title',{attrs:{\"id\":\"watch\",\"lang\":\"en\"}},[_vm._v(\"Watch with a hand that moves\")]),_vm._v(\" \"),_c('path',{attrs:{\"fill\":\"#fff\",\"d\":\"M0 0h100v100H0z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M24.4 34.1l-2.4-.2a15.1 15.1 0 0 1-10-6.2 15.5 15.5 0 0 1-2.7-11.6A15.4 15.4 0 0 1 24.5 2.9l2.4.2a15.5 15.5 0 0 1 12.8 17.8 15.5 15.5 0 0 1-15.3 13.2zm.1-27.4a11.7 11.7 0 0 0-11.5 10 11.3 11.3 0 0 0 2.1 8.7 10.7 10.7 0 0 0 7.5 4.7l1.8.2a11.6 11.6 0 0 0 11.5-10 11.7 11.7 0 0 0-9.6-13.5z\",\"fill\":\"#d6dee1\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M22.5 35.4l-2.5-.2a15.9 15.9 0 0 1-10.6-6.6 16.5 16.5 0 0 1-2.8-12.2 16.2 16.2 0 0 1 16-13.8 11.4 11.4 0 0 1 2.6.2 16.3 16.3 0 0 1 13.4 18.7 16.3 16.3 0 0 1-16.1 13.9zm.1-31.2A14.5 14.5 0 0 0 8.2 16.7a14.6 14.6 0 0 0 12 16.9l2.3.2A14.8 14.8 0 0 0 37 21.3 14.6 14.6 0 0 0 24.9 4.4a8.6 8.6 0 0 0-2.3-.2zm-.1 27.4l-1.9-.2a12.1 12.1 0 0 1-8.1-5 13 13 0 0 1-2.2-9.4A12.5 12.5 0 0 1 22.6 6.4h2a11.9 11.9 0 0 1 8 5.1 11.9 11.9 0 0 1 2.2 9.3 12.5 12.5 0 0 1-12.3 10.8zM22.6 8a10.9 10.9 0 0 0-10.7 9.3 11.3 11.3 0 0 0 1.9 8.2 10.7 10.7 0 0 0 7 4.3l1.7.2a10.8 10.8 0 0 0 10.7-9.3 10.9 10.9 0 0 0-1.9-8.2 10.6 10.6 0 0 0-7-4.4z\",\"fill\":\"#7f746b\"}}),_vm._v(\" \"),_c('circle',{attrs:{\"cx\":\"58.1\",\"cy\":\"61.7\",\"r\":\"35.9\",\"fill\":\"#d6dee1\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M54.3 97.9A36.7 36.7 0 1 1 91 61.2a36.8 36.8 0 0 1-36.7 36.7zm0-71.8a35.1 35.1 0 1 0 35.1 35.1 35.1 35.1 0 0 0-35.1-35.1z\",\"fill\":\"#7f746b\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M54.3 90.1a29 29 0 1 1 29-28.9 29 29 0 0 1-29 28.9zm0-57.4a28.5 28.5 0 1 0 28.5 28.5 28.5 28.5 0 0 0-28.5-28.5z\",\"fill\":\"#7f746b\"}}),_vm._v(\" \"),_c('circle',{attrs:{\"cx\":\"54.3\",\"cy\":\"61.2\",\"r\":\"25.1\",\"fill\":\"#e6edef\"}}),_vm._v(\" \"),_c('g',{attrs:{\"fill\":\"#7f746b\"}},[_c('circle',{attrs:{\"cx\":\"42.2\",\"cy\":\"45.8\",\"r\":\"1.1\"}}),_vm._v(\" \"),_c('circle',{attrs:{\"cx\":\"51.7\",\"cy\":\"41.6\",\"r\":\"1.1\"}}),_vm._v(\" \"),_c('circle',{attrs:{\"cx\":\"61.8\",\"cy\":\"43.1\",\"r\":\"1.1\"}}),_vm._v(\" \"),_c('circle',{attrs:{\"cx\":\"70.2\",\"cy\":\"49.3\",\"r\":\"1.1\"}}),_vm._v(\" \"),_c('circle',{attrs:{\"cx\":\"74.1\",\"cy\":\"58.8\",\"r\":\"1.1\"}}),_vm._v(\" \"),_c('circle',{attrs:{\"cx\":\"73.6\",\"cy\":\"68.6\",\"r\":\"1.1\"}}),_vm._v(\" \"),_c('circle',{attrs:{\"cx\":\"66.9\",\"cy\":\"77.1\",\"r\":\"1.1\"}}),_vm._v(\" \"),_c('circle',{attrs:{\"cx\":\"57.4\",\"cy\":\"81.3\",\"r\":\"1.1\"}}),_vm._v(\" \"),_c('circle',{attrs:{\"cx\":\"47.3\",\"cy\":\"79.9\",\"r\":\"1.1\"}}),_vm._v(\" \"),_c('circle',{attrs:{\"cx\":\"38.8\",\"cy\":\"73.8\",\"r\":\"1.1\"}}),_vm._v(\" \"),_c('circle',{attrs:{\"cx\":\"34.4\",\"cy\":\"64\",\"r\":\"1.1\"}}),_vm._v(\" \"),_c('circle',{attrs:{\"cx\":\"35.8\",\"cy\":\"53.7\",\"r\":\"1.1\"}})]),_vm._v(\" \"),_c('g',{attrs:{\"fill\":\"#7f746b\",\"id\":\"hand\"}},[_c('circle',{attrs:{\"cx\":\"54.1\",\"cy\":\"61.9\",\"r\":\"1.7\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M58.5 54.9L44.2 80.6l13.2-26.3 1.1.6z\"}})]),_vm._v(\" \"),_c('path',{attrs:{\"fill\":\"#b8bfc1\",\"d\":\"M30 22.5l-6.2 4.7 5.7 7.7 6.8-5.1-6.3-7.3z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M29.3 36l-6.6-8.9 7.4-5.8 7.4 8.6zm-4.4-8.6l4.7 6.4 5.5-4.1-5.2-6.1z\",\"fill\":\"#7f746b\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M30.9 20.2a2.1 2.1 0 0 1-.4 3.1l-5.8 4.6a2.1 2.1 0 0 1-3.1-.4L17.2 22a2.1 2.1 0 0 1 .4-3.1l5.8-4.6a2.2 2.2 0 0 1 3.1.3z\",\"fill\":\"#d6dee1\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M23.3 29.2a3 3 0 0 1-2.4-1.2l-4.3-5.5a2.9 2.9 0 0 1-.7-2.2 2.8 2.8 0 0 1 1.2-2.1l5.8-4.6a3.1 3.1 0 0 1 1.9-.6 3.2 3.2 0 0 1 2.4 1.1l4.3 5.6a2.9 2.9 0 0 1 .7 2.2 2.8 2.8 0 0 1-1.2 2l-5.8 4.6a2.6 2.6 0 0 1-1.9.7zm1.5-14.6a1.6 1.6 0 0 0-.9.3l-5.8 4.6a1.8 1.8 0 0 0-.6.9 2 2 0 0 0 .3 1.1l4.4 5.5a1.5 1.5 0 0 0 2 .3l5.8-4.6a2.1 2.1 0 0 0 .6-1 1.7 1.7 0 0 0-.3-1l-4.4-5.6a1.6 1.6 0 0 0-1.1-.5z\",\"fill\":\"#7f746b\"}}),_vm._v(\" \"),_c('g',{attrs:{\"fill\":\"#7f746b\"}},[_c('path',{attrs:{\"d\":\"M18.775 20.04l.388-.314 6.174 7.597-.388.315zM19.949 18.853l.388-.315 6.174 7.597-.388.315zM21.29 17.935l.388-.316 6.175 7.598-.388.315zM22.568 16.939l.388-.316 6.175 7.598-.388.315zM23.732 16.083l.388-.315 6.18 7.605-.387.316z\"}})])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-0392df68\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/animatedicons/IconWatch.vue\n// module id = null\n// module chunks = ","\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// src/components/animatedicons/IconPalette.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"100\",\"height\":\"100\",\"viewBox\":\"0 0 100 100\",\"aria-labelledby\":\"palette\",\"role\":\"presentation\"},on:{\"click\":_vm.movePalette}},[_c('title',{attrs:{\"id\":\"palette\",\"lang\":\"en\"}},[_vm._v(\"Animated Color palette\")]),_vm._v(\" \"),_c('path',{attrs:{\"id\":\"bk\",\"fill\":\"#fff\",\"d\":\"M0 0h100v100H0z\"}}),_vm._v(\" \"),_c('g',{attrs:{\"id\":\"palette\"}},[_c('g',{attrs:{\"id\":\"dark\"}},[_c('path',{attrs:{\"transform\":\"rotate(-64.1 71.508 54.997)\",\"fill\":\"#fff\",\"d\":\"M33.3 42.8h76.3v24.23H33.3z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M65 93.5L41.8 82.2l33.9-70L99 23.5zm-21.1-12l20.4 9.9 32.5-67.2-20.3-9.9z\",\"fill\":\"#7f746b\"}}),_vm._v(\" \"),_c('path',{attrs:{\"transform\":\"rotate(-64.1 81.575 30.396)\",\"fill\":\"#577f7c\",\"d\":\"M72.5 21.4h18.1v18.05H72.5z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"transform\":\"rotate(-64.1 72.191 49.644)\",\"fill\":\"#426662\",\"d\":\"M63.2 40.6h18.1v18.06H63.2z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"transform\":\"rotate(-64.1 62.888 68.943)\",\"fill\":\"#375954\",\"d\":\"M53.8 59.9h18.1v18.05H53.8z\"}})]),_vm._v(\" \"),_c('g',{attrs:{\"id\":\"med\"}},[_c('path',{attrs:{\"transform\":\"rotate(-78.9 57.558 49.808)\",\"fill\":\"#fff\",\"d\":\"M19.4 37.7h76.3v24.23H19.4z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M61.1 88.7l-25.3-5 15-76.4 25.4 5zm-23.4-6.2l22.2 4.3 14.4-73.2-22.2-4.4z\",\"fill\":\"#7f746b\"}}),_vm._v(\" \"),_c('path',{attrs:{\"transform\":\"rotate(-78.9 61.042 23.53)\",\"fill\":\"#88bcbc\",\"d\":\"M52 14.5h18.1v18.05H52z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"transform\":\"rotate(-78.9 56.93 44.502)\",\"fill\":\"#78a8a7\",\"d\":\"M47.9 35.5H66v18.05H47.9z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"transform\":\"rotate(-78.9 52.758 65.425)\",\"fill\":\"#659391\",\"d\":\"M43.8 56.4h18.1v18.05H43.8z\"}})]),_vm._v(\" \"),_c('g',{attrs:{\"id\":\"light\"}},[_c('path',{attrs:{\"fill\":\"#fff\",\"d\":\"M28 9.6h24.2v76.25H28z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M51.2 85.2H25.3V7.4h25.9zm-24.3-1.6h22.6V9H26.9z\",\"fill\":\"#7f746b\"}}),_vm._v(\" \"),_c('path',{attrs:{\"fill\":\"#a2dade\",\"d\":\"M29.5 12.2h18.1v18.05H29.5z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"fill\":\"#ade8ea\",\"d\":\"M29.5 33.6h18.1v18.05H29.5z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"fill\":\"#d0fcfb\",\"d\":\"M29.5 55h18.1v18.05H29.5z\"}})])]),_vm._v(\" \"),_c('g',{attrs:{\"id\":\"pen\"}},[_c('path',{attrs:{\"transform\":\"rotate(-54.1 25.93 61.88)\",\"fill\":\"#a2dade\",\"d\":\"M-7.7 59.1h67.2v5.53H-7.7z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M8.3 91.8l-5.4-3.9 40-55.3 5.3 3.8zm-3.9-4.1L8 90.3l38.7-53.6-3.6-2.6z\",\"fill\":\"#7f746b\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M35.6 53.1l11.9-16.5-4.5-3.3-11.9 16.5z\",\"fill\":\"#fff\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M30.3 49.9l12.6-17.3 5.3 3.8-12.5 17.4-.4-.3-4.5-3.2zm12.8-15.8L31.8 49.7l3.6 2.6 11.3-15.6z\",\"fill\":\"#7f746b\"}}),_vm._v(\" \"),_c('path',{attrs:{\"transform\":\"rotate(-54.2 4.844 91.005)\",\"fill\":\"#fff\",\"d\":\"M2.9 89.2h4v3.71h-4z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M5.3 94.5l-3.9-2.8 3-4.1 3.9 2.8zm-2.4-3L5.1 93l1.7-2.3-2.2-1.6z\",\"fill\":\"#7f746b\"}}),_vm._v(\" \"),_c('path',{attrs:{\"transform\":\"rotate(-54.1 40.524 34.025)\",\"fill\":\"#7f746b\",\"d\":\"M39.9 32.9H41v2.24h-1.1z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"transform\":\"rotate(-54.1 30.624 47.611)\",\"fill\":\"#7f746b\",\"d\":\"M30.1 46.5h1.1v2.24h-1.1z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"transform\":\"rotate(-54.1 34.768 40.221)\",\"fill\":\"#7f746b\",\"d\":\"M25.9 39.7h17.8v1.08H25.9z\"}})])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-ad7f82f0\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/animatedicons/IconPalette.vue\n// module id = null\n// module chunks = ","\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// src/components/animatedicons/IconScissors.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 100 100\",\"width\":\"100\",\"height\":\"100\",\"aria-labelledby\":\"scissors\",\"role\":\"presentation\"},on:{\"click\":_vm.startScissors}},[_c('title',{attrs:{\"id\":\"scissors\",\"lang\":\"en\"}},[_vm._v(\"Scissors Animated Icon\")]),_vm._v(\" \"),_c('path',{attrs:{\"id\":\"bk\",\"fill\":\"#fff\",\"d\":\"M0 0h100v100H0z\"}}),_vm._v(\" \"),_c('g',{attrs:{\"id\":\"left-scissor\"}},[_c('path',{attrs:{\"d\":\"M57.6 47h-8.7v4.7H53l1.5 45h1.1a24.9 24.9 0 0 0 2-49.7zm1.5 45l-1.5-40.4a20.3 20.3 0 0 1 18.3 20.2c0 10.5-6.5 19.2-16.8 20.2z\",\"fill\":\"#30374b\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M53.9 50.7l1.5 45.1h.2a24 24 0 0 0 1.9-47.9h-8v2.9zm3.8 0a21.1 21.1 0 0 1 19.1 21.1c0 11.4-7.2 20.1-17.6 21.1h-.9l-1.6-42.3z\",\"fill\":\"none\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M75 71.8a19.3 19.3 0 0 0-16.5-19.2L60 91c8.9-1.3 15-9.1 15-19.2z\",\"fill\":\"none\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M59.2 92.9c10.4-1 17.6-9.7 17.6-21.1a21.1 21.1 0 0 0-19.1-21.1h-1L58.3 93zM75 71.8c0 10.1-6.1 17.9-15 19.2l-1.5-38.4A19.3 19.3 0 0 1 75 71.8z\",\"fill\":\"#7f756b\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M58.5 46.2V46h-9v1.8h8a24 24 0 0 1-1.9 47.9h-.2l-1.5-45h-4.4v1.8h2.7l1.5 45h1.9a25.8 25.8 0 0 0 2.9-51.4z\",\"fill\":\"#7f756b\"}}),_vm._v(\" \"),_c('path',{attrs:{\"fill\":\"#a2a1a2\",\"d\":\"M54.6 51.3l.6-49.1-9.6 49.1h9z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M55.5 52.1H44.6L54.3 2l1.8.2zm-8.8-1.7h7l.5-38.5z\",\"fill\":\"#7f756b\"}})]),_vm._v(\" \"),_c('g',{attrs:{\"id\":\"right-scissor\"}},[_c('path',{attrs:{\"d\":\"M42.3 46.9a24.9 24.9 0 0 0 0 49.8h1l1.6-45h4v-4.8zM38.8 92C28.5 91 22 82.3 22 71.8a20.3 20.3 0 0 1 18.3-20.2z\",\"fill\":\"#30374b\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M18.3 71.8a24 24 0 0 0 24 24h.2L44 50.7h5.5v-2.9h-7.2a23.9 23.9 0 0 0-24 24zM39.6 93h-.9c-10.4-1-17.6-9.7-17.6-21.1a21.1 21.1 0 0 1 19.1-21.2h1z\",\"fill\":\"none\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M22.9 71.8c0 10.1 6.1 17.9 15 19.2l1.5-38.4a19.3 19.3 0 0 0-16.5 19.2z\",\"fill\":\"none\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M21.1 71.8c0 11.4 7.2 20.1 17.6 21.1h.9l1.6-42.4h-1a21.1 21.1 0 0 0-19.1 21.3zM37.9 91c-8.9-1.3-15-9.1-15-19.2a19.3 19.3 0 0 1 16.5-19.2z\",\"fill\":\"#7f756b\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M44 50.7l-1.5 45.1h-.2a24 24 0 0 1 0-48h7.2V46h-7.2a25.8 25.8 0 0 0 0 51.6h1.9l1.5-45h3.8v-1.9z\",\"fill\":\"#7f756b\"}}),_vm._v(\" \"),_c('path',{attrs:{\"fill\":\"#d3d9df\",\"d\":\"M43.2 51.3l-.6-49.1 9.5 49.1h-8.9z\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M53.2 52.1H42.3l-.6-49.9 1.7-.2zm-9.1-1.7h7l-7.5-38.5z\",\"fill\":\"#7f756b\"}})]),_vm._v(\" \"),_c('circle',{attrs:{\"cx\":\"48.6\",\"cy\":\"44.5\",\"r\":\"3.7\",\"fill\":\"#e5e8ec\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M48.6 49.1a4.6 4.6 0 1 1 0-9.1 4.6 4.6 0 0 1 0 9.1zm0-7.4a2.8 2.8 0 0 0-2.8 2.8 2.7 2.7 0 0 0 2.8 2.8 2.8 2.8 0 0 0 2.8-2.8 2.9 2.9 0 0 0-2.8-2.8z\",\"fill\":\"#7f756b\"}})])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-1683a3b6\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/animatedicons/IconScissors.vue\n// module id = null\n// module chunks = ","\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// src/components/animatedicons/IconHeartFace.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"100\",\"height\":\"100\",\"viewBox\":\"0 0 120 120\",\"aria-labelledby\":\"heartface\",\"role\":\"presentation\"},on:{\"click\":_vm.makeHeart}},[_c('title',{attrs:{\"id\":\"heartface\",\"lang\":\"en\"}},[_vm._v(\"Smiley face that turns into heart eyes\")]),_vm._v(\" \"),_c('defs',[_c('linearGradient',{attrs:{\"id\":\"linear-gradient\",\"x1\":\"55.09\",\"y1\":\"8.79\",\"x2\":\"55.09\",\"y2\":\"95.5\",\"gradientTransform\":\"matrix(1 0 0 -1 10 112)\",\"gradientUnits\":\"userSpaceOnUse\"}},[_c('stop',{attrs:{\"offset\":\"0\",\"stop-color\":\"#f9a65d\"}}),_vm._v(\" \"),_c('stop',{attrs:{\"offset\":\"1\",\"stop-color\":\"#fcd25c\"}})],1)],1),_vm._v(\" \"),_c('path',{attrs:{\"id\":\"bk\",\"fill\":\"#fff\",\"d\":\"M0 0h120v120H0z\"}}),_vm._v(\" \"),_c('g',{attrs:{\"id\":\"originalface\"}},[_c('circle',{attrs:{\"cx\":\"65.1\",\"cy\":\"59.9\",\"r\":\"43.4\",\"fill\":\"url(#linear-gradient)\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M49.5 94.6a44.8 44.8 0 1 1 44.8-44.7 44.8 44.8 0 0 1-44.8 44.7zm0-86.7a42 42 0 1 0 42 42 42 42 0 0 0-42-42z\",\"transform\":\"translate(10 10)\",\"fill\":\"#7f756b\"}}),_vm._v(\" \"),_c('g',{attrs:{\"id\":\"eyes\",\"fill\":\"#7f756b\"}},[_c('circle',{attrs:{\"cx\":\"41.5\",\"cy\":\"52\",\"r\":\"5.6\"}}),_vm._v(\" \"),_c('circle',{attrs:{\"cx\":\"78.5\",\"cy\":\"52\",\"r\":\"5.6\"}})]),_vm._v(\" \"),_c('g',{attrs:{\"id\":\"blush\",\"fill\":\"#f15e58\"}},[_c('circle',{staticStyle:{\"isolation\":\"isolate\"},attrs:{\"cx\":\"80.7\",\"cy\":\"71.8\",\"r\":\"7.9\",\"opacity\":\".5\"}}),_vm._v(\" \"),_c('circle',{staticStyle:{\"isolation\":\"isolate\"},attrs:{\"cx\":\"39.4\",\"cy\":\"70.6\",\"r\":\"7.9\",\"opacity\":\".5\"}})]),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M49.6 67.2h-.8c-9.6-.3-15.7-4.9-15.6-11.8h2.7c0 6.4 7 8.9 13 9 7.6.3 16-3 16.3-8.6h2.7c-.3 7.3-9.4 11.4-18.3 11.4z\",\"transform\":\"translate(10 10)\",\"fill\":\"#7f756b\",\"id\":\"sm-mouth\"}})]),_vm._v(\" \"),_c('g',{attrs:{\"id\":\"heartface\"}},[_c('g',{attrs:{\"id\":\"hearteyes\"}},[_c('path',{attrs:{\"d\":\"M30.6 21.8h-1.5c-3.8 0-5.6 1.7-7.6 4.1-2.1-2.4-3.9-4.1-7.6-4.1h-1.5c-3.3.3-7 3.3-7.5 9v1.9c.4 5.4 4.5 12.1 16.6 20.6 12-8.5 16.1-15.2 16.5-20.6v-1.9c-.5-5.7-4.2-8.7-7.4-9z\",\"transform\":\"translate(10 10)\",\"fill\":\"#e54242\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M21.5 55l-.8-.6C9.7 46.7 4.1 39.6 3.5 32.8v-2c.6-6.5 4.9-9.9 8.7-10.3s7.2 1.2 9.3 3.3c2-2.1 4.4-3.7 9.2-3.3s8.2 3.8 8.7 10.3v2c-.5 6.8-6.1 13.9-17.1 21.6zM6.3 32.6c.5 5.7 5.6 12.1 15.2 19 9.5-6.9 14.6-13.3 15.1-19v-1.8c-.4-4.8-3.5-7.3-6.2-7.6s-5.5.7-7.9 3.5l-1 1.3-1.1-1.3c-2.4-2.8-3.9-3.9-7.9-3.5S6.7 26 6.3 30.8z\",\"transform\":\"translate(10 10)\",\"fill\":\"#7f756b\"}}),_vm._v(\" \"),_c('g',[_c('path',{attrs:{\"d\":\"M89.2 21.8h-1.5c-3.8 0-5.6 1.7-7.6 4.1-2.1-2.4-3.9-4.1-7.6-4.1H71c-3.3.3-7 3.3-7.5 9v1.9c.4 5.4 4.5 12.1 16.6 20.6 12-8.5 16.1-15.2 16.5-20.6v-1.9c-.5-5.7-4.2-8.7-7.4-9z\",\"transform\":\"translate(10 10)\",\"fill\":\"#e54242\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M80.1 55l-.8-.6c-11-7.7-16.6-14.8-17.2-21.6v-2c.5-6.5 4.9-9.9 8.7-10.3a10.5 10.5 0 0 1 9.3 3.3c2-2.1 4.5-3.7 9.2-3.3s8.2 3.8 8.7 10.3v2c-.5 6.8-6.1 13.9-17.1 21.6zM64.9 32.6c.5 5.7 5.6 12.1 15.2 19 9.5-6.9 14.6-13.3 15.1-19v-1.8c-.4-4.8-3.5-7.3-6.2-7.6h-1.3c-3.1 0-4.5 1.1-6.6 3.6l-1 1.3-1.1-1.4c-2.1-2.5-3.5-3.6-6.5-3.6h-1.4c-2.7.3-5.8 2.8-6.2 7.6v1.8z\",\"transform\":\"translate(10 10)\",\"fill\":\"#7f756b\"}})])]),_vm._v(\" \"),_c('g',{attrs:{\"id\":\"openmouth\"}},[_c('path',{attrs:{\"d\":\"M30.8 54.7a18.7 18.7 0 0 0 37.4 0A22.8 22.8 0 0 0 68 52H31a11.8 11.8 0 0 0-.2 2.7z\",\"transform\":\"translate(10 10)\",\"fill\":\"#493f3c\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M50 59l17.6.2a16.8 16.8 0 0 0 .6-4.5A22.8 22.8 0 0 0 68 52H31a11.8 11.8 0 0 0-.2 2.7 18.4 18.4 0 0 0 .4 4.1z\",\"transform\":\"translate(10 10)\",\"fill\":\"#fff\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M62 68.6a18 18 0 0 0-24.5.4 18.6 18.6 0 0 0 12 4.4A19 19 0 0 0 62 68.6z\",\"transform\":\"translate(10 10)\",\"fill\":\"#e54242\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M49.5 74.8a20.2 20.2 0 0 1-20.1-20.1 15.2 15.2 0 0 1 .2-2.9l.2-1.2h39.4l.2 1.2c.1 1.1.2 2 .2 2.9a20.2 20.2 0 0 1-20.1 20.1zM32.2 53.4v1.3a17.3 17.3 0 0 0 34.6 0v-1.3z\",\"transform\":\"translate(10 10)\",\"fill\":\"#7f756b\"}})])])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-74794cb5\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/animatedicons/IconHeartFace.vue\n// module id = null\n// module chunks = ","\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// src/components/AppAnimatedIcon.vue","var normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./IconWatch.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./IconWatch.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0392df68\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./IconWatch.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/animatedicons/IconWatch.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ad7f82f0\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./IconPalette.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./IconPalette.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./IconPalette.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-ad7f82f0\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./IconPalette.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-ad7f82f0\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/animatedicons/IconPalette.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-1683a3b6\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./IconScissors.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./IconScissors.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./IconScissors.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-1683a3b6\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./IconScissors.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-1683a3b6\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/animatedicons/IconScissors.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-74794cb5\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./IconHeartFace.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./IconHeartFace.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./IconHeartFace.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-74794cb5\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./IconHeartFace.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-74794cb5\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/animatedicons/IconHeartFace.vue\n// module id = null\n// module chunks = ","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('h2',[_vm._v(\"Animated Icons\")]),_vm._v(\" \"),_vm._m(0),_vm._v(\" \"),_c('p',[_vm._v(\"Click on the icons below\")]),_vm._v(\" \"),_c('icon-scissors'),_vm._v(\" \"),_c('icon-heart-face'),_vm._v(\" \"),_c('icon-watch'),_vm._v(\" \"),_c('icon-palette')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"info\"},[_vm._v(\"Icons purchased from \"),_c('a',{attrs:{\"href\":\"https://creativemarket.com/dianahlevnjak/1607119-Styled-stock-photography-icons\",\"target\":\"_blank\"}},[_vm._v(\"Creative Market\")]),_vm._v(\", readied for animation with \"),_c('a',{attrs:{\"href\":\"https://www.adobe.com/products/illustrator.html\",\"target\":\"_blank\"}},[_vm._v(\"Adobe Illustrator\")]),_vm._v(\" and \"),_c('a',{attrs:{\"href\":\"https://jakearchibald.github.io/svgomg/\",\"target\":\"_blank\"}},[_vm._v(\"SVGOMG\")])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-2a233b48\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/AppAnimatedIcon.vue\n// module id = null\n// module chunks = ","\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// src/App.vue","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-2a233b48\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./AppAnimatedIcon.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./AppAnimatedIcon.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./AppAnimatedIcon.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-2a233b48\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./AppAnimatedIcon.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-2a233b48\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/AppAnimatedIcon.vue\n// module id = null\n// module chunks = ","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('main',[_c('h1',[_vm._v(\"Sample Vue.js SVG Icon System\")]),_vm._v(\" \"),_c('app-typography-icon'),_vm._v(\" \"),_c('app-animated-icon')],1)])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-7a49377c\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-7a49377c\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n}\nvar normalizeComponent = require(\"!../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\nimport __vue_script__ from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\n/* template */\nimport __vue_template__ from \"!!../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-7a49377c\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/App.vue\n// module id = null\n// module chunks = ","// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\nimport Vue from 'vue'\nimport App from './App'\n\nVue.config.productionTip = false\n\n/* eslint-disable no-new */\nnew Vue({\n el: '#app',\n template: '',\n components: { App }\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js"],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/static/js/manifest.d0f527a4cb2775b5c694.js: -------------------------------------------------------------------------------- 1 | !function(e){function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var r=window.webpackJsonp;window.webpackJsonp=function(t,c,a){for(var i,u,f,s=0,l=[];s 2 | 3 | 4 | 5 | 6 | 7 | 8 | svg-icons 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "svg-icons", 3 | "version": "1.0.0", 4 | "description": "A Vue.js project", 5 | "author": "sdras ", 6 | "private": true, 7 | "scripts": { 8 | "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", 9 | "start": "npm run dev", 10 | "build": "node build/build.js" 11 | }, 12 | "dependencies": { 13 | "node-sass": "^4.13.1", 14 | "sass-loader": "^6.0.6", 15 | "vue": "^2.5.2" 16 | }, 17 | "devDependencies": { 18 | "autoprefixer": "^7.1.2", 19 | "babel-core": "^6.22.1", 20 | "babel-helper-vue-jsx-merge-props": "^2.0.3", 21 | "babel-loader": "^7.1.1", 22 | "babel-plugin-syntax-jsx": "^6.18.0", 23 | "babel-plugin-transform-runtime": "^6.22.0", 24 | "babel-plugin-transform-vue-jsx": "^3.5.0", 25 | "babel-preset-env": "^1.3.2", 26 | "babel-preset-stage-2": "^6.22.0", 27 | "chalk": "^2.0.1", 28 | "copy-webpack-plugin": "^4.0.1", 29 | "css-loader": "^0.28.0", 30 | "extract-text-webpack-plugin": "^3.0.0", 31 | "file-loader": "^1.1.4", 32 | "friendly-errors-webpack-plugin": "^1.6.1", 33 | "gsap": "^1.20.3", 34 | "html-webpack-plugin": "^2.30.1", 35 | "node-notifier": "^8.0.1", 36 | "optimize-css-assets-webpack-plugin": "^3.2.0", 37 | "ora": "^1.2.0", 38 | "portfinder": "^1.0.13", 39 | "postcss-import": "^11.0.0", 40 | "postcss-loader": "^2.0.8", 41 | "rimraf": "^2.6.0", 42 | "semver": "^5.3.0", 43 | "shelljs": "^0.7.6", 44 | "uglifyjs-webpack-plugin": "^1.1.1", 45 | "url-loader": "^0.5.8", 46 | "vue-loader": "^13.3.0", 47 | "vue-style-loader": "^3.0.1", 48 | "vue-template-compiler": "^2.5.2", 49 | "webpack": "^3.6.0", 50 | "webpack-bundle-analyzer": "^2.9.0", 51 | "webpack-dev-server": "^2.9.1", 52 | "webpack-merge": "^4.1.0" 53 | }, 54 | "engines": { 55 | "node": ">= 4.0.0", 56 | "npm": ">= 3.0.0" 57 | }, 58 | "browserslist": [ 59 | "> 1%", 60 | "last 2 versions", 61 | "not ie <= 8" 62 | ] 63 | } 64 | -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 22 | 23 | 83 | -------------------------------------------------------------------------------- /src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/vue-sample-svg-icons/3cfec23e24c9c4607ed7679971ce04fd7347f995/src/assets/logo.png -------------------------------------------------------------------------------- /src/components/AppAnimatedIcon.vue: -------------------------------------------------------------------------------- 1 | 12 | 13 | 28 | 29 | -------------------------------------------------------------------------------- /src/components/AppTypographyIcon.vue: -------------------------------------------------------------------------------- 1 | 34 | 35 | 58 | 59 | -------------------------------------------------------------------------------- /src/components/IconBase.vue: -------------------------------------------------------------------------------- 1 | 15 | 16 | 38 | 39 | -------------------------------------------------------------------------------- /src/components/animatedicons/IconHeartFace.vue: -------------------------------------------------------------------------------- 1 | 51 | 52 | 164 | 165 | -------------------------------------------------------------------------------- /src/components/animatedicons/IconPalette.vue: -------------------------------------------------------------------------------- 1 | 49 | 50 | -------------------------------------------------------------------------------- /src/components/animatedicons/IconScissors.vue: -------------------------------------------------------------------------------- 1 | 34 | 35 | 56 | 57 | -------------------------------------------------------------------------------- /src/components/animatedicons/IconWatch.vue: -------------------------------------------------------------------------------- 1 | 46 | 47 | -------------------------------------------------------------------------------- /src/components/icons/IconBox.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/components/icons/IconCalendar.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/components/icons/IconEnvelope.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/components/icons/IconGarbage.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/components/icons/IconImage.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/components/icons/IconMoon.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/components/icons/IconWrite.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | // The Vue build version to load with the `import` command 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. 3 | import Vue from 'vue' 4 | import App from './App' 5 | 6 | Vue.config.productionTip = false 7 | 8 | /* eslint-disable no-new */ 9 | new Vue({ 10 | el: '#app', 11 | template: '', 12 | components: { App } 13 | }) 14 | -------------------------------------------------------------------------------- /static/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/vue-sample-svg-icons/3cfec23e24c9c4607ed7679971ce04fd7347f995/static/.gitkeep --------------------------------------------------------------------------------