D3.js vs Vue.js examples
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

1 lines
36 KiB

{"version":3,"sources":["webpack:///static/js/app.32c6f22976051ea4025f.js","webpack:///./src/router/demos.js","webpack:///./src/config.json","webpack:///./src/router/index.js","webpack:///./src/app.vue","webpack:///app.vue","webpack:///demos-navigation.vue","webpack:///index.vue","webpack:///circle-mount.vue","webpack:///size-controller.vue","webpack:///./src/components/demos-navigation.vue","webpack:///./src/components/index.vue","webpack:///./src/d3-components/circle-mount.vue","webpack:///./src/d3-components/size-controller.vue","webpack:///./src/components/demos-navigation.vue?5a2b","webpack:///./src/components/index.vue?df1f","webpack:///./src/app.vue?497c","webpack:///./src/d3-components/size-controller.vue?4cbe","webpack:///./src/d3-components/circle-mount.vue?0182","webpack:///./src/main.js"],"names":["webpackJsonp","module","__webpack_exports__","__webpack_require__","d","routes","config","name","path","component","map","r","res","href","source","githubLink","d3ComponentsPath","exports","__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toConsumableArray__","__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toConsumableArray___default","n","__WEBPACK_IMPORTED_MODULE_1_vue__","__WEBPACK_IMPORTED_MODULE_1_vue___default","__WEBPACK_IMPORTED_MODULE_2_vue_router__","__WEBPACK_IMPORTED_MODULE_2_vue_router___default","__WEBPACK_IMPORTED_MODULE_3_components_index__","__WEBPACK_IMPORTED_MODULE_3_components_index___default","__WEBPACK_IMPORTED_MODULE_4__demos__","a","use","concat","Component","Object","defineProperty","value","__WEBPACK_IMPORTED_MODULE_0__components_demos_navigation__","__WEBPACK_IMPORTED_MODULE_0__components_demos_navigation___default","components","topNav","__WEBPACK_IMPORTED_MODULE_0_router_demos__","computed","prev","index","this","findIndex","undefined","next","length","sourceHref","methods","me","$route","data","items","d3","mounted","select","$el","append","attr","circleSize","createElement","svg","circle","watch","newValue","render","_vm","_h","$createElement","_c","_self","attrs","id","staticClass","_v","_e","staticRenderFns","_l","item","_s","_m","width","height","directives","rawName","expression","type","min","max","step","domProps","on","input","$event","target","__WEBPACK_IMPORTED_MODULE_0_vue__","__WEBPACK_IMPORTED_MODULE_0_vue___default","__WEBPACK_IMPORTED_MODULE_1__app__","__WEBPACK_IMPORTED_MODULE_1__app___default","__WEBPACK_IMPORTED_MODULE_2__router__","el","router","template","app"],"mappings":"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","file":"static/js/app.32c6f22976051ea4025f.js","sourcesContent":["webpackJsonp([1,2],[\n/* 0 */,\n/* 1 */,\n/* 2 */,\n/* 3 */,\n/* 4 */,\n/* 5 */,\n/* 6 */,\n/* 7 */,\n/* 8 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return routes; });\nvar config = __webpack_require__(30);\n\nvar routes = [{\n name: 'Circle mount',\n path: '/circle-mount',\n component: __webpack_require__(73)\n}, {\n name: 'Size controller',\n path: '/size-controller',\n component: __webpack_require__(74)\n}].map(function (r) {\n var res = r;\n res.href = \"#\" + r.path;\n res.source = config.githubLink + config.d3ComponentsPath + r.path + '.vue';\n return res;\n});\n\n/***/ }),\n/* 9 */,\n/* 10 */,\n/* 11 */,\n/* 12 */,\n/* 13 */,\n/* 14 */,\n/* 15 */,\n/* 16 */,\n/* 17 */,\n/* 18 */,\n/* 19 */,\n/* 20 */,\n/* 21 */,\n/* 22 */,\n/* 23 */,\n/* 24 */,\n/* 25 */,\n/* 26 */,\n/* 27 */,\n/* 28 */,\n/* 29 */,\n/* 30 */\n/***/ (function(module, exports) {\n\nmodule.exports = {\n\t\"githubLink\": \"https://github.com/corpglory/d3vue/\",\n\t\"d3ComponentsPath\": \"tree/master/src/d3-components\"\n};\n\n/***/ }),\n/* 31 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toConsumableArray__ = __webpack_require__(39);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toConsumableArray___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toConsumableArray__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_vue__ = __webpack_require__(16);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_vue_router__ = __webpack_require__(80);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_vue_router___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_vue_router__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_components_index__ = __webpack_require__(72);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_components_index___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_components_index__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__demos__ = __webpack_require__(8);\n\n\n\n\n\n\n__WEBPACK_IMPORTED_MODULE_1_vue___default.a.use(__WEBPACK_IMPORTED_MODULE_2_vue_router___default.a);\n\n/* harmony default export */ __webpack_exports__[\"a\"] = new __WEBPACK_IMPORTED_MODULE_2_vue_router___default.a({\n routes: [{\n path: '/',\n name: 'Menu',\n component: __WEBPACK_IMPORTED_MODULE_3_components_index___default.a\n }].concat(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toConsumableArray___default()(__WEBPACK_IMPORTED_MODULE_4__demos__[\"a\" /* routes */]))\n});\n\n/***/ }),\n/* 32 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(68)\n\nvar Component = __webpack_require__(2)(\n /* script */\n __webpack_require__(33),\n /* template */\n __webpack_require__(77),\n /* scopeId */\n \"data-v-41b7bac0\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 33 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_demos_navigation__ = __webpack_require__(71);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_demos_navigation___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__components_demos_navigation__);\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n name: 'app',\n components: { topNav: __WEBPACK_IMPORTED_MODULE_0__components_demos_navigation___default.a }\n};\n\n/***/ }),\n/* 34 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_router_demos__ = __webpack_require__(8);\n\n\n\nvar config = __webpack_require__(30);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n computed: {\n prev: function prev() {\n var index = this.findIndex();\n if (index == -1) {\n return undefined;\n }\n return index > 0 ? __WEBPACK_IMPORTED_MODULE_0_router_demos__[\"a\" /* routes */][index - 1] : undefined;\n },\n next: function next() {\n var index = this.findIndex();\n if (index == -1) {\n return undefined;\n }\n return index + 1 < __WEBPACK_IMPORTED_MODULE_0_router_demos__[\"a\" /* routes */].length ? __WEBPACK_IMPORTED_MODULE_0_router_demos__[\"a\" /* routes */][index + 1] : undefined;\n },\n sourceHref: function sourceHref() {\n var index = this.findIndex();\n if (index == -1) {\n return config.githubLink;\n }\n return __WEBPACK_IMPORTED_MODULE_0_router_demos__[\"a\" /* routes */][index].source;\n }\n },\n methods: {\n findIndex: function findIndex() {\n var me = this.$route.path;\n return __WEBPACK_IMPORTED_MODULE_0_router_demos__[\"a\" /* routes */].findIndex(function (r) {\n return r.path === me;\n });\n }\n }\n};\n\n/***/ }),\n/* 35 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_router_demos__ = __webpack_require__(8);\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n data: function data() {\n return {\n items: __WEBPACK_IMPORTED_MODULE_0_router_demos__[\"a\" /* routes */]\n };\n }\n};\n\n/***/ }),\n/* 36 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\nvar d3 = __webpack_require__(29);\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n mounted: function mounted() {\n d3.select(this.$el).append('circle').attr('cx', '250').attr('cy', '150').attr('r', '100');\n }\n};\n\n/***/ }),\n/* 37 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\nvar d3 = __webpack_require__(29);\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n data: function data() {\n return {\n circleSize: 50\n };\n },\n mounted: function mounted(createElement) {\n var svg = d3.select(this.$el).select('svg');\n this.circle = svg.append('circle').attr('cx', '250').attr('cy', '150').attr('r', this.circleSize);\n },\n watch: {\n circleSize: function circleSize(newValue) {\n this.circle.attr('r', newValue);\n }\n }\n\n};\n\n/***/ }),\n/* 38 */,\n/* 39 */,\n/* 40 */,\n/* 41 */,\n/* 42 */,\n/* 43 */,\n/* 44 */,\n/* 45 */,\n/* 46 */,\n/* 47 */,\n/* 48 */,\n/* 49 */,\n/* 50 */,\n/* 51 */,\n/* 52 */,\n/* 53 */,\n/* 54 */,\n/* 55 */,\n/* 56 */,\n/* 57 */,\n/* 58 */,\n/* 59 */,\n/* 60 */,\n/* 61 */,\n/* 62 */,\n/* 63 */,\n/* 64 */,\n/* 65 */,\n/* 66 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 67 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 68 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 69 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 70 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 71 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(66)\n\nvar Component = __webpack_require__(2)(\n /* script */\n __webpack_require__(34),\n /* template */\n __webpack_require__(75),\n /* scopeId */\n \"data-v-098bb42e\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 72 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(67)\n\nvar Component = __webpack_require__(2)(\n /* script */\n __webpack_require__(35),\n /* template */\n __webpack_require__(76),\n /* scopeId */\n \"data-v-417810ac\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 73 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(70)\n\nvar Component = __webpack_require__(2)(\n /* script */\n __webpack_require__(36),\n /* template */\n __webpack_require__(79),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 74 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(69)\n\nvar Component = __webpack_require__(2)(\n /* script */\n __webpack_require__(37),\n /* template */\n __webpack_require__(78),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 75 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n attrs: {\n \"id\": \"holder\"\n }\n }, [_c('div', {\n staticClass: \"links\"\n }, [(_vm.prev) ? _c('a', {\n staticClass: \"prev\",\n attrs: {\n \"href\": _vm.prev.href\n }\n }, [_vm._v(\" < previous \")]) : _vm._e(), _vm._v(\" \"), _c('a', {\n staticClass: \"source\",\n attrs: {\n \"href\": _vm.sourceHref\n }\n }, [_vm._v(\" source \")]), _vm._v(\" \"), (_vm.next) ? _c('a', {\n staticClass: \"next\",\n attrs: {\n \"href\": _vm.next.href\n }\n }, [_vm._v(\" next > \")]) : _vm._e()])])\n},staticRenderFns: []}\n\n/***/ }),\n/* 76 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"hello\"\n }, [_c('ul', _vm._l((_vm.items), function(item) {\n return _c('li', [_c('a', {\n attrs: {\n \"href\": item.href\n }\n }, [_vm._v(_vm._s(item.name))])])\n }))])\n},staticRenderFns: []}\n\n/***/ }),\n/* 77 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n attrs: {\n \"id\": \"app\"\n }\n }, [_vm._m(0), _vm._v(\" \"), _c('h2', [_vm._v(_vm._s(_vm.$route.name))]), _vm._v(\" \"), _c('top-nav'), _vm._v(\" \"), _c('router-view')], 1)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('a', {\n attrs: {\n \"href\": \"#/\"\n }\n }, [_c('h1', [_vm._v(\" D3.js vs Vue.js examples \")])])\n}]}\n\n/***/ }),\n/* 78 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', [_c('svg', {\n attrs: {\n \"width\": \"500\",\n \"height\": \"300\"\n }\n }), _vm._v(\" \"), _c('br'), _vm._v(\" \"), _c('input', {\n directives: [{\n name: \"model\",\n rawName: \"v-model\",\n value: (_vm.circleSize),\n expression: \"circleSize\"\n }],\n attrs: {\n \"type\": \"range\",\n \"min\": \"1\",\n \"max\": \"100\",\n \"step\": \"1\"\n },\n domProps: {\n \"value\": _vm._s(_vm.circleSize)\n },\n on: {\n \"input\": function($event) {\n _vm.circleSize = $event.target.value\n }\n }\n })])\n},staticRenderFns: []}\n\n/***/ }),\n/* 79 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('svg', {\n attrs: {\n \"width\": \"500\",\n \"height\": \"300\"\n }\n })\n},staticRenderFns: []}\n\n/***/ }),\n/* 80 */,\n/* 81 */,\n/* 82 */,\n/* 83 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(16);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__app__ = __webpack_require__(32);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__app___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__app__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__router__ = __webpack_require__(31);\n\n\n\n\n\nnew __WEBPACK_IMPORTED_MODULE_0_vue___default.a({\n el: '#app',\n router: __WEBPACK_IMPORTED_MODULE_2__router__[\"a\" /* default */],\n template: '<app/>',\n components: { app: __WEBPACK_IMPORTED_MODULE_1__app___default.a }\n});\n\n/***/ })\n],[83]);\n\n\n// WEBPACK FOOTER //\n// static/js/app.32c6f22976051ea4025f.js","const config = require('config.json');\n\nexport const routes = [\n {\n name: 'Circle mount',\n path: '/circle-mount',\n component: require('d3-components/circle-mount')\n },\n {\n name: 'Size controller',\n path: '/size-controller',\n component: require('d3-components/size-controller')\n }\n].map(r => {\n var res = r;\n res.href = \"#\" + r.path;\n res.source = config.githubLink +\n config.d3ComponentsPath +\n r.path + '.vue'\n return res;\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/router/demos.js","module.exports = {\n\t\"githubLink\": \"https://github.com/corpglory/d3vue/\",\n\t\"d3ComponentsPath\": \"tree/master/src/d3-components\"\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/config.json\n// module id = 30\n// module chunks = 1","import Vue from 'vue'\nimport Router from 'vue-router'\nimport Index from 'components/index'\nimport {routes as demoRoutes} from './demos'\n\nVue.use(Router)\n\nexport default new Router({\n routes: [\n {\n path: '/',\n name: 'Menu',\n component: Index\n }, ... demoRoutes\n\n ]\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/router/index.js","\n/* styles */\nrequire(\"!!./../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?sourceMap!./../node_modules/vue-loader/lib/style-rewriter?id=data-v-41b7bac0&scoped=true!./../node_modules/vue-loader/lib/selector?type=styles&index=0!./app.vue\")\n\nvar Component = require(\"!./../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./../node_modules/vue-loader/lib/selector?type=script&index=0!./app.vue\"),\n /* template */\n require(\"!!./../node_modules/vue-loader/lib/template-compiler?id=data-v-41b7bac0!./../node_modules/vue-loader/lib/selector?type=template&index=0!./app.vue\"),\n /* scopeId */\n \"data-v-41b7bac0\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app.vue\n// module id = 32\n// module chunks = 1","<template>\n <div id=\"app\">\n <a href='#/'> <h1> D3.js vs Vue.js examples </h1> </a>\n <h2>{{ $route.name }}</h2>\n <top-nav />\n <router-view></router-view>\n </div>\n</template>\n\n<script>\n\nimport topNav from './components/demos-navigation'\n\nexport default {\n name: 'app',\n components: { topNav }\n}\n</script>\n\n<style scoped>\n#app {\n font-family: 'Avenir', Helvetica, Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-align: center;\n margin-top: 30px;\n}\na {\n color: black;\n text-decoration: none;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// app.vue?7c5cdb38","<template>\n <div id=\"holder\">\n <div class=\"links\">\n <a v-if=\"prev\" :href=\"prev.href\" class=\"prev\"> < previous </a>\n <a :href=\"sourceHref\" class=\"source\"> source </a>\n <a v-if=\"next\" :href=\"next.href\" class=\"next\"> next > </a>\n </div>\n </div>\n</template>\n\n<script>\n\nimport { routes } from 'router/demos';\nconst config = require('config.json');\n\nexport default {\n computed: {\n prev: function() {\n var index = this.findIndex();\n if(index == -1) {\n return undefined;\n }\n return index > 0 ? routes[index - 1] : undefined;\n },\n next: function() {\n var index = this.findIndex();\n if(index == -1) {\n return undefined;\n }\n return index + 1 < routes.length ? routes[index + 1] : undefined;\n },\n sourceHref: function() {\n var index = this.findIndex();\n if(index == -1) {\n return config.githubLink;\n }\n return routes[index].source;\n }\n },\n methods: {\n findIndex: function() {\n var me = this.$route.path;\n return routes.findIndex(r => r.path === me);\n }\n }\n}\n</script>\n\n<style scoped>\n\n#links {\n display: block;\n width: 300px;\n height: 40px;\n position: relative;\n}\n\na {\n display: block;\n position: absolute;\n width: 100px;\n text-decoration: none;\n font-weight: bold;\n color: blue;\n}\n\na:hover {\n text-decoration: underline;\n}\n\n.prev {\n left: 0px;\n}\n\n.source {\n left:100px;\n text-align: center;\n}\n\n.next {\n right: 0px;\n text-align: right;\n}\n\n#holder {\n width: 300px;\n margin: auto;\n position: relative;\n height: 30px;\n /*border-top: 1px dashed gray;*/\n border-bottom: 1px dashed gray;\n padding-top: 10px;\n margin-top: 10px;\n margin-bottom: 10px;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// demos-navigation.vue?3687efc2","<template>\n <div class=\"hello\">\n <ul>\n <li v-for=\"item in items\">\n <a :href=\"item.href\">{{ item.name }}</a>\n </li>\n </ul>\n </div>\n</template>\n\n<script>\nimport { routes } from 'router/demos'\n\nexport default {\n data () {\n return {\n items: routes\n }\n }\n}\n</script>\n\n<style scoped>\nh1, h2 {\n font-weight: normal;\n}\n\nul {\n /*list-style-type: none;*/\n padding: 0;\n margin: auto;\n width: 150px;\n}\n\nli {\n /*display: inline-block;*/\n margin: 0 0px;\n list-style: decimal\n}\n\na {\n color: blue;\n display: block;\n text-decoration: none;\n text-align: left;\n}\n\na:hover {\n text-decoration: underline;;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// index.vue?10a4aa44","<!--\nLinks:\n Components: https://vuejs.org/v2/guide/components.html\n\nAdvanced:\n Component Lifecyrcle: https://vuejs.org/v2/guide/instance.html#Lifecycle-Diagram\n Virtaul DOM: https://medium.com/js-dojo/whats-new-in-vue-js-2-0-virtual-dom-dc4b5b827f40#.hexwxh9m3\n-->\n\n<template>\n <svg width=\"500\" height=\"300\"></svg>\n</template>\n\n<script>\nconst d3 = require('d3');\nexport default {\n mounted: function() {\n // this.#el - is the root element in <template>\n // in this case it is <svg> tag\n d3.select(this.$el)\n .append('circle')\n .attr('cx', '250')\n .attr('cy', '150')\n .attr('r', '100')\n }\n}\n</script>\n\n<style>\n</style>\n\n\n\n// WEBPACK FOOTER //\n// circle-mount.vue?6e00d521","<!--\nLinks\n Data: https://vuejs.org/v2/guide/components.html#data-Must-Be-a-Function\n Form Input Bindings: https://vuejs.org/v2/guide/forms.html#Basic-Usage\n Watchers: https://vuejs.org/v2/guide/computed.html#Watchers\n-->\n\n<template>\n <div>\n <svg width=\"500\" height=\"300\"></svg>\n <br>\n <input\n type=\"range\"\n v-model=\"circleSize\"\n min=\"1\"\n max=\"100\"\n step=\"1\"\n >\n </div>\n</template>\n\n<script>\nconst d3 = require('d3');\nexport default {\n data: function() {\n return {\n circleSize: 50\n }\n },\n mounted: function(createElement) {\n var svg = d3.select(this.$el).select('svg');\n this.circle = svg\n .append('circle')\n .attr('cx', '250')\n .attr('cy', '150')\n .attr('r', this.circleSize)\n },\n watch: {\n circleSize: function(newValue) {\n this.circle\n .attr('r', newValue)\n }\n }\n\n}\n</script>\n\n<style>\n</style>\n\n\n\n// WEBPACK FOOTER //\n// size-controller.vue?981154c2","\n/* styles */\nrequire(\"!!./../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?sourceMap!./../../node_modules/vue-loader/lib/style-rewriter?id=data-v-098bb42e&scoped=true!./../../node_modules/vue-loader/lib/selector?type=styles&index=0!./demos-navigation.vue\")\n\nvar Component = require(\"!./../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./../../node_modules/vue-loader/lib/selector?type=script&index=0!./demos-navigation.vue\"),\n /* template */\n require(\"!!./../../node_modules/vue-loader/lib/template-compiler?id=data-v-098bb42e!./../../node_modules/vue-loader/lib/selector?type=template&index=0!./demos-navigation.vue\"),\n /* scopeId */\n \"data-v-098bb42e\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/demos-navigation.vue\n// module id = 71\n// module chunks = 1","\n/* styles */\nrequire(\"!!./../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?sourceMap!./../../node_modules/vue-loader/lib/style-rewriter?id=data-v-417810ac&scoped=true!./../../node_modules/vue-loader/lib/selector?type=styles&index=0!./index.vue\")\n\nvar Component = require(\"!./../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./../../node_modules/vue-loader/lib/selector?type=script&index=0!./index.vue\"),\n /* template */\n require(\"!!./../../node_modules/vue-loader/lib/template-compiler?id=data-v-417810ac!./../../node_modules/vue-loader/lib/selector?type=template&index=0!./index.vue\"),\n /* scopeId */\n \"data-v-417810ac\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/index.vue\n// module id = 72\n// module chunks = 1","\n/* styles */\nrequire(\"!!./../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?sourceMap!./../../node_modules/vue-loader/lib/style-rewriter?id=data-v-6cdccc88!./../../node_modules/vue-loader/lib/selector?type=styles&index=0!./circle-mount.vue\")\n\nvar Component = require(\"!./../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./../../node_modules/vue-loader/lib/selector?type=script&index=0!./circle-mount.vue\"),\n /* template */\n require(\"!!./../../node_modules/vue-loader/lib/template-compiler?id=data-v-6cdccc88!./../../node_modules/vue-loader/lib/selector?type=template&index=0!./circle-mount.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/d3-components/circle-mount.vue\n// module id = 73\n// module chunks = 1","\n/* styles */\nrequire(\"!!./../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?sourceMap!./../../node_modules/vue-loader/lib/style-rewriter?id=data-v-4dc993ec!./../../node_modules/vue-loader/lib/selector?type=styles&index=0!./size-controller.vue\")\n\nvar Component = require(\"!./../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./../../node_modules/vue-loader/lib/selector?type=script&index=0!./size-controller.vue\"),\n /* template */\n require(\"!!./../../node_modules/vue-loader/lib/template-compiler?id=data-v-4dc993ec!./../../node_modules/vue-loader/lib/selector?type=template&index=0!./size-controller.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/d3-components/size-controller.vue\n// module id = 74\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n attrs: {\n \"id\": \"holder\"\n }\n }, [_c('div', {\n staticClass: \"links\"\n }, [(_vm.prev) ? _c('a', {\n staticClass: \"prev\",\n attrs: {\n \"href\": _vm.prev.href\n }\n }, [_vm._v(\" < previous \")]) : _vm._e(), _vm._v(\" \"), _c('a', {\n staticClass: \"source\",\n attrs: {\n \"href\": _vm.sourceHref\n }\n }, [_vm._v(\" source \")]), _vm._v(\" \"), (_vm.next) ? _c('a', {\n staticClass: \"next\",\n attrs: {\n \"href\": _vm.next.href\n }\n }, [_vm._v(\" next > \")]) : _vm._e()])])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-098bb42e!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/demos-navigation.vue\n// module id = 75\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"hello\"\n }, [_c('ul', _vm._l((_vm.items), function(item) {\n return _c('li', [_c('a', {\n attrs: {\n \"href\": item.href\n }\n }, [_vm._v(_vm._s(item.name))])])\n }))])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-417810ac!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/index.vue\n// module id = 76\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n attrs: {\n \"id\": \"app\"\n }\n }, [_vm._m(0), _vm._v(\" \"), _c('h2', [_vm._v(_vm._s(_vm.$route.name))]), _vm._v(\" \"), _c('top-nav'), _vm._v(\" \"), _c('router-view')], 1)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('a', {\n attrs: {\n \"href\": \"#/\"\n }\n }, [_c('h1', [_vm._v(\" D3.js vs Vue.js examples \")])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-41b7bac0!./~/vue-loader/lib/selector.js?type=template&index=0!./src/app.vue\n// module id = 77\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', [_c('svg', {\n attrs: {\n \"width\": \"500\",\n \"height\": \"300\"\n }\n }), _vm._v(\" \"), _c('br'), _vm._v(\" \"), _c('input', {\n directives: [{\n name: \"model\",\n rawName: \"v-model\",\n value: (_vm.circleSize),\n expression: \"circleSize\"\n }],\n attrs: {\n \"type\": \"range\",\n \"min\": \"1\",\n \"max\": \"100\",\n \"step\": \"1\"\n },\n domProps: {\n \"value\": _vm._s(_vm.circleSize)\n },\n on: {\n \"input\": function($event) {\n _vm.circleSize = $event.target.value\n }\n }\n })])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-4dc993ec!./~/vue-loader/lib/selector.js?type=template&index=0!./src/d3-components/size-controller.vue\n// module id = 78\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('svg', {\n attrs: {\n \"width\": \"500\",\n \"height\": \"300\"\n }\n })\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-6cdccc88!./~/vue-loader/lib/selector.js?type=template&index=0!./src/d3-components/circle-mount.vue\n// module id = 79\n// module chunks = 1","// 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'\nimport router from './router'\n\n/* eslint-disable no-new */\nnew Vue({\n el: '#app',\n router,\n template: '<app/>',\n components: { app }\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js"],"sourceRoot":""}