{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///tree.js","webpack:///webpack/bootstrap d323420f707890361e22","webpack:///./~/css-loader/lib/css-base.js","webpack:///./~/vue-style-loader/addStyles.js","webpack:///./src/x_tree.vue","webpack:///x_tree.vue","webpack:///y_tree.vue","webpack:///y_tree_display.vue","webpack:///./~/babel-runtime/core-js/json/stringify.js","webpack:///./~/babel-runtime/~/core-js/library/fn/json/stringify.js","webpack:///./~/babel-runtime/~/core-js/library/modules/_core.js","webpack:///./src/x_tree.vue?a1ba","webpack:///./src/y_tree.vue?d19a","webpack:///./src/y_tree_display.vue?dd56","webpack:///./src/x_tree.vue?28cd","webpack:///./src/y_tree.vue?1470","webpack:///./src/y_tree_display.vue?e709","webpack:///./src/y_tree.vue","webpack:///./src/y_tree_display.vue","webpack:///./src/x_tree.vue?2469","webpack:///./src/y_tree.vue?c635","webpack:///./src/y_tree_display.vue?60e7"],"names":["root","factory","exports","module","define","amd","this","modules","__webpack_require__","moduleId","installedModules","id","loaded","call","m","c","p","_interopRequireDefault","obj","__esModule","default","Object","defineProperty","value","_x_tree","enumerable","get","_y_tree","list","toString","result","i","length","item","push","join","mediaQuery","alreadyImportedModules","addStylesToDom","styles","options","domStyle","stylesInDom","refs","j","parts","addStyle","listToStyles","newStyles","css","media","sourceMap","part","insertStyleElement","styleElement","head","getHeadElement","lastStyleElementInsertedAtTop","styleElementsInsertedAtTop","insertAt","nextSibling","insertBefore","appendChild","firstChild","Error","removeStyleElement","parentNode","removeChild","idx","indexOf","splice","createStyleElement","document","createElement","type","update","remove","singleton","styleIndex","singletonCounter","singletonElement","applyToSingletonTag","bind","applyToTag","newObj","index","styleSheet","cssText","replaceText","cssNode","createTextNode","childNodes","setAttribute","sources","btoa","unescape","encodeURIComponent","JSON","stringify","memoize","fn","memo","apply","arguments","isOldIE","test","window","navigator","userAgent","toLowerCase","getElementsByTagName","newList","mayRemove","textStore","replacement","filter","Boolean","__vue_script__","__vue_template__","template","name","data","treeId","Date","Math","round","random","isSelected","components","display-component","resolve","displayComponent","tree-container","props","isLi","divStyle","liStyle","extraClass","String","tree","required","childrenName","valueName","idName","isRoot","isFold","selectedId","displayArgs","treeStyle","rootDiv","rootLi","valueDiv","ul","computed","hasChildren","methods","toggleFold","select","$dispatch","created","$on","_this","setTimeout","$broadcast","treeDisplay","x-tree","_stringify","_stringify2","value-component","valueToDisplay","Function","args","text","valueToString","x","core","$JSON","it","version","__e","content","locals"],"mappings":"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","file":"tree.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"VueTree\"] = factory();\n\telse\n\t\troot[\"VueTree\"] = factory();\n})(this, function() {\nreturn \n\n\n/** WEBPACK FOOTER **\n ** webpack/universalModuleDefinition\n **/","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"VueTree\"] = factory();\n\telse\n\t\troot[\"VueTree\"] = factory();\n})(this, function() {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t  value: true\n\t});\n\t\n\tvar _x_tree = __webpack_require__(3);\n\t\n\tObject.defineProperty(exports, 'xTree', {\n\t  enumerable: true,\n\t  get: function get() {\n\t    return _interopRequireDefault(_x_tree).default;\n\t  }\n\t});\n\t\n\tvar _y_tree = __webpack_require__(16);\n\t\n\tObject.defineProperty(exports, 'yTree', {\n\t  enumerable: true,\n\t  get: function get() {\n\t    return _interopRequireDefault(_y_tree).default;\n\t  }\n\t});\n\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/***/ },\n/* 1 */\n/***/ function(module, exports) {\n\n\t/*\r\n\t\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\t\tAuthor Tobias Koppers @sokra\r\n\t*/\r\n\t// css base code, injected by the css-loader\r\n\tmodule.exports = function() {\r\n\t\tvar list = [];\r\n\t\r\n\t\t// return the list of modules as css string\r\n\t\tlist.toString = function toString() {\r\n\t\t\tvar result = [];\r\n\t\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\t\tvar item = this[i];\r\n\t\t\t\tif(item[2]) {\r\n\t\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tresult.push(item[1]);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\treturn result.join(\"\");\r\n\t\t};\r\n\t\r\n\t\t// import a list of modules into the list\r\n\t\tlist.i = function(modules, mediaQuery) {\r\n\t\t\tif(typeof modules === \"string\")\r\n\t\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\t\tvar alreadyImportedModules = {};\r\n\t\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\t\tvar id = this[i][0];\r\n\t\t\t\tif(typeof id === \"number\")\r\n\t\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t\t}\r\n\t\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\t\tvar item = modules[i];\r\n\t\t\t\t// skip already imported module\r\n\t\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t\t//  when a module is imported multiple times with different media queries.\r\n\t\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\r\n\t\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t\t}\r\n\t\t\t\t\tlist.push(item);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t};\r\n\t\treturn list;\r\n\t};\r\n\n\n/***/ },\n/* 2 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t/*\n\t\tMIT License http://www.opensource.org/licenses/mit-license.php\n\t\tAuthor Tobias Koppers @sokra\n\t*/\n\tvar stylesInDom = {},\n\t\tmemoize = function(fn) {\n\t\t\tvar memo;\n\t\t\treturn function () {\n\t\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\n\t\t\t\treturn memo;\n\t\t\t};\n\t\t},\n\t\tisOldIE = memoize(function() {\n\t\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\n\t\t}),\n\t\tgetHeadElement = memoize(function () {\n\t\t\treturn document.head || document.getElementsByTagName(\"head\")[0];\n\t\t}),\n\t\tsingletonElement = null,\n\t\tsingletonCounter = 0,\n\t\tstyleElementsInsertedAtTop = [];\n\t\n\tmodule.exports = function(list, options) {\n\t\tif(false) {\n\t\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\n\t\t}\n\t\n\t\toptions = options || {};\n\t\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n\t\t// tags it will allow on a page\n\t\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\n\t\n\t\t// By default, add <style> tags to the bottom of <head>.\n\t\tif (typeof options.insertAt === \"undefined\") options.insertAt = \"bottom\";\n\t\n\t\tvar styles = listToStyles(list);\n\t\taddStylesToDom(styles, options);\n\t\n\t\treturn function update(newList) {\n\t\t\tvar mayRemove = [];\n\t\t\tfor(var i = 0; i < styles.length; i++) {\n\t\t\t\tvar item = styles[i];\n\t\t\t\tvar domStyle = stylesInDom[item.id];\n\t\t\t\tdomStyle.refs--;\n\t\t\t\tmayRemove.push(domStyle);\n\t\t\t}\n\t\t\tif(newList) {\n\t\t\t\tvar newStyles = listToStyles(newList);\n\t\t\t\taddStylesToDom(newStyles, options);\n\t\t\t}\n\t\t\tfor(var i = 0; i < mayRemove.length; i++) {\n\t\t\t\tvar domStyle = mayRemove[i];\n\t\t\t\tif(domStyle.refs === 0) {\n\t\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\n\t\t\t\t\t\tdomStyle.parts[j]();\n\t\t\t\t\tdelete stylesInDom[domStyle.id];\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t}\n\t\n\tfunction addStylesToDom(styles, options) {\n\t\tfor(var i = 0; i < styles.length; i++) {\n\t\t\tvar item = styles[i];\n\t\t\tvar domStyle = stylesInDom[item.id];\n\t\t\tif(domStyle) {\n\t\t\t\tdomStyle.refs++;\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\n\t\t\t\t\tdomStyle.parts[j](item.parts[j]);\n\t\t\t\t}\n\t\t\t\tfor(; j < item.parts.length; j++) {\n\t\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tvar parts = [];\n\t\t\t\tfor(var j = 0; j < item.parts.length; j++) {\n\t\t\t\t\tparts.push(addStyle(item.parts[j], options));\n\t\t\t\t}\n\t\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\n\t\t\t}\n\t\t}\n\t}\n\t\n\tfunction listToStyles(list) {\n\t\tvar styles = [];\n\t\tvar newStyles = {};\n\t\tfor(var i = 0; i < list.length; i++) {\n\t\t\tvar item = list[i];\n\t\t\tvar id = item[0];\n\t\t\tvar css = item[1];\n\t\t\tvar media = item[2];\n\t\t\tvar sourceMap = item[3];\n\t\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\n\t\t\tif(!newStyles[id])\n\t\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\n\t\t\telse\n\t\t\t\tnewStyles[id].parts.push(part);\n\t\t}\n\t\treturn styles;\n\t}\n\t\n\tfunction insertStyleElement(options, styleElement) {\n\t\tvar head = getHeadElement();\n\t\tvar lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];\n\t\tif (options.insertAt === \"top\") {\n\t\t\tif(!lastStyleElementInsertedAtTop) {\n\t\t\t\thead.insertBefore(styleElement, head.firstChild);\n\t\t\t} else if(lastStyleElementInsertedAtTop.nextSibling) {\n\t\t\t\thead.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);\n\t\t\t} else {\n\t\t\t\thead.appendChild(styleElement);\n\t\t\t}\n\t\t\tstyleElementsInsertedAtTop.push(styleElement);\n\t\t} else if (options.insertAt === \"bottom\") {\n\t\t\thead.appendChild(styleElement);\n\t\t} else {\n\t\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\n\t\t}\n\t}\n\t\n\tfunction removeStyleElement(styleElement) {\n\t\tstyleElement.parentNode.removeChild(styleElement);\n\t\tvar idx = styleElementsInsertedAtTop.indexOf(styleElement);\n\t\tif(idx >= 0) {\n\t\t\tstyleElementsInsertedAtTop.splice(idx, 1);\n\t\t}\n\t}\n\t\n\tfunction createStyleElement(options) {\n\t\tvar styleElement = document.createElement(\"style\");\n\t\tstyleElement.type = \"text/css\";\n\t\tinsertStyleElement(options, styleElement);\n\t\treturn styleElement;\n\t}\n\t\n\tfunction addStyle(obj, options) {\n\t\tvar styleElement, update, remove;\n\t\n\t\tif (options.singleton) {\n\t\t\tvar styleIndex = singletonCounter++;\n\t\t\tstyleElement = singletonElement || (singletonElement = createStyleElement(options));\n\t\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\n\t\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\n\t\t} else {\n\t\t\tstyleElement = createStyleElement(options);\n\t\t\tupdate = applyToTag.bind(null, styleElement);\n\t\t\tremove = function() {\n\t\t\t\tremoveStyleElement(styleElement);\n\t\t\t};\n\t\t}\n\t\n\t\tupdate(obj);\n\t\n\t\treturn function updateStyle(newObj) {\n\t\t\tif(newObj) {\n\t\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\n\t\t\t\t\treturn;\n\t\t\t\tupdate(obj = newObj);\n\t\t\t} else {\n\t\t\t\tremove();\n\t\t\t}\n\t\t};\n\t}\n\t\n\tvar replaceText = (function () {\n\t\tvar textStore = [];\n\t\n\t\treturn function (index, replacement) {\n\t\t\ttextStore[index] = replacement;\n\t\t\treturn textStore.filter(Boolean).join('\\n');\n\t\t};\n\t})();\n\t\n\tfunction applyToSingletonTag(styleElement, index, remove, obj) {\n\t\tvar css = remove ? \"\" : obj.css;\n\t\n\t\tif (styleElement.styleSheet) {\n\t\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\n\t\t} else {\n\t\t\tvar cssNode = document.createTextNode(css);\n\t\t\tvar childNodes = styleElement.childNodes;\n\t\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\n\t\t\tif (childNodes.length) {\n\t\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\n\t\t\t} else {\n\t\t\t\tstyleElement.appendChild(cssNode);\n\t\t\t}\n\t\t}\n\t}\n\t\n\tfunction applyToTag(styleElement, obj) {\n\t\tvar css = obj.css;\n\t\tvar media = obj.media;\n\t\tvar sourceMap = obj.sourceMap;\n\t\n\t\tif (media) {\n\t\t\tstyleElement.setAttribute(\"media\", media);\n\t\t}\n\t\n\t\tif (sourceMap) {\n\t\t\t// https://developer.chrome.com/devtools/docs/javascript-debugging\n\t\t\t// this makes source maps inside style tags work properly in Chrome\n\t\t\tcss += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */';\n\t\t\t// http://stackoverflow.com/a/26603875\n\t\t\tcss += \"\\n/*# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" */\";\n\t\t}\n\t\n\t\tif (styleElement.styleSheet) {\n\t\t\tstyleElement.styleSheet.cssText = css;\n\t\t} else {\n\t\t\twhile(styleElement.firstChild) {\n\t\t\t\tstyleElement.removeChild(styleElement.firstChild);\n\t\t\t}\n\t\t\tstyleElement.appendChild(document.createTextNode(css));\n\t\t}\n\t}\n\n\n/***/ },\n/* 3 */\n/***/ function(module, exports, __webpack_require__) {\n\n\tvar __vue_script__, __vue_template__\n\t__webpack_require__(18)\n\t__vue_script__ = __webpack_require__(4)\n\t__vue_template__ = __webpack_require__(13)\n\tmodule.exports = __vue_script__ || {}\n\tif (module.exports.__esModule) module.exports = module.exports.default\n\tif (__vue_template__) {\n\t(typeof module.exports === \"function\" ? (module.exports.options || (module.exports.options = {})) : module.exports).template = __vue_template__\n\t}\n\n\n/***/ },\n/* 4 */\n/***/ function(module, exports) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t    value: true\n\t});\n\texports.default = {\n\t    name: 'x-tree',\n\t\n\t    data: function data() {\n\t        return {\n\t            treeId: '' + new Date() * 1 + Math.round(Math.random() * 1000),\n\t            isSelected: false\n\t        };\n\t    },\n\t\n\t\n\t    components: {\n\t        'display-component': function displayComponent(resolve) {\n\t            resolve(this.displayComponent);\n\t        },\n\t\n\t        'tree-container': {\n\t            template: ['<li  v-if=\"isLi\" :style=\"liStyle\"  class=\"x-tree x-tree-subnode\"><slot></slot></li>', '<div v-else      :style=\"divStyle\" class=\"x-tree x-tree-root\" :class=\"extraClass\"><slot></slot></div>'].join(''),\n\t\n\t            props: {\n\t                isLi: {\n\t                    type: Boolean,\n\t                    default: true\n\t                },\n\t                divStyle: {\n\t                    type: Object\n\t                },\n\t                liStyle: {\n\t                    type: Object\n\t                },\n\t                extraClass: {\n\t                    type: String\n\t                }\n\t            }\n\t        }\n\t    },\n\t\n\t    props: {\n\t        tree: {\n\t            type: Object,\n\t            required: true\n\t        },\n\t        childrenName: {\n\t            type: String,\n\t            default: 'children'\n\t        },\n\t        valueName: {\n\t            type: String,\n\t            default: 'value'\n\t        },\n\t        idName: {\n\t            type: String\n\t        },\n\t        isRoot: {\n\t            type: Boolean,\n\t            default: true\n\t        },\n\t        isFold: {\n\t            type: Boolean,\n\t            default: false\n\t        },\n\t        selectedId: {\n\t            type: String\n\t        },\n\t        displayComponent: {\n\t            type: Object\n\t        },\n\t        displayArgs: {\n\t            type: Object\n\t        },\n\t        treeStyle: {\n\t            type: Object,\n\t            default: function _default() {\n\t                return {\n\t                    rootDiv: {},\n\t                    rootLi: {},\n\t                    valueDiv: {},\n\t                    ul: {}\n\t                };\n\t            }\n\t        },\n\t        extraClass: {\n\t            type: String\n\t        }\n\t    },\n\t\n\t    computed: {\n\t        hasChildren: function hasChildren() {\n\t            return !!(this.tree && this.tree[this.childrenName] && this.tree[this.childrenName].length);\n\t        },\n\t\n\t        id: function id() {\n\t            return this.idName ? this.tree[this.idName] : this.treeId;\n\t        }\n\t    },\n\t\n\t    methods: {\n\t        toggleFold: function toggleFold() {\n\t            this.isFold = !this.isFold;\n\t            return this.isFold;\n\t        },\n\t\n\t        select: function select() {\n\t            this.$dispatch('click', {\n\t                id: this.id,\n\t                value: this.tree[this.valueName]\n\t            });\n\t        }\n\t    },\n\t\n\t    created: function created() {\n\t        if (this.isRoot) {\n\t            this.$on('click', function (obj) {\n\t                var _this = this;\n\t\n\t                var id = obj.id;\n\t                var value = obj.value;\n\t\n\t\n\t                setTimeout(function () {\n\t                    _this.isSelected = id === _this.id;\n\t                    _this.$broadcast('reset-select', id);\n\t                    _this.$dispatch('tree-select', value);\n\t                }, 0);\n\t            });\n\t        }\n\t\n\t        this.isSelected = this.id == this.selectedId;\n\t\n\t        this.$on('reset-select', function (selectedId) {\n\t            this.isSelected = this.id == selectedId;\n\t            return true;\n\t        });\n\t    }\n\t};\n\n/***/ },\n/* 5 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t    value: true\n\t});\n\texports.default = {\n\t    data: function data() {\n\t        return {\n\t            'treeDisplay': __webpack_require__(17)\n\t        };\n\t    },\n\t\n\t\n\t    components: {\n\t        'x-tree': __webpack_require__(3)\n\t    },\n\t\n\t    props: {\n\t        tree: {\n\t            type: Object,\n\t            default: function _default() {\n\t                return {};\n\t            }\n\t        },\n\t        childrenName: {\n\t            type: String,\n\t            default: 'children'\n\t        },\n\t        valueName: {\n\t            type: String,\n\t            default: 'value'\n\t        },\n\t        idName: {\n\t            type: String\n\t        },\n\t        isRoot: {\n\t            type: Boolean,\n\t            default: true\n\t        },\n\t        isFold: {\n\t            type: Boolean,\n\t            default: false\n\t        },\n\t        selectedId: {\n\t            type: String\n\t        },\n\t        displayArgs: {\n\t            type: Object\n\t        },\n\t        treeStyle: {\n\t            type: Object,\n\t            default: function _default() {\n\t                return {\n\t                    rootDiv: {},\n\t                    rootLi: {},\n\t                    valueDiv: {},\n\t                    ul: {}\n\t                };\n\t            }\n\t        },\n\t        extraClass: {\n\t            type: String\n\t        }\n\t    }\n\t};\n\n/***/ },\n/* 6 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t    value: true\n\t});\n\t\n\tvar _stringify = __webpack_require__(7);\n\t\n\tvar _stringify2 = _interopRequireDefault(_stringify);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\texports.default = {\n\t    components: {\n\t        'value-component': function valueComponent(resolve) {\n\t            resolve(this.valueToDisplay);\n\t        }\n\t    },\n\t\n\t    props: {\n\t        value: {\n\t            type: [Object, String],\n\t            required: true\n\t        },\n\t        toggleFold: {\n\t            type: Function,\n\t            required: true\n\t        },\n\t        select: {\n\t            type: Function,\n\t            required: true\n\t        },\n\t        isRoot: {\n\t            type: Boolean,\n\t            required: true\n\t        },\n\t        isFold: {\n\t            type: Boolean,\n\t            required: true\n\t        },\n\t        isSelected: {\n\t            type: Boolean,\n\t            required: true\n\t        },\n\t        hasChildren: {\n\t            type: Boolean,\n\t            required: true\n\t        },\n\t        args: {\n\t            type: Object\n\t        }\n\t    },\n\t\n\t    computed: {\n\t        text: function text() {\n\t            return this.valueToString(this.value);\n\t        },\n\t\n\t        valueToString: function valueToString() {\n\t            return (this.args || {}).valueToString || function (x) {\n\t                return (0, _stringify2.default)(x);\n\t            };\n\t        },\n\t\n\t        valueToDisplay: function valueToDisplay() {\n\t            return (this.args || {}).valueToDisplay;\n\t        }\n\t    }\n\t};\n\n/***/ },\n/* 7 */\n/***/ function(module, exports, __webpack_require__) {\n\n\tmodule.exports = { \"default\": __webpack_require__(8), __esModule: true };\n\n/***/ },\n/* 8 */\n/***/ function(module, exports, __webpack_require__) {\n\n\tvar core  = __webpack_require__(9)\n\t  , $JSON = core.JSON || (core.JSON = {stringify: JSON.stringify});\n\tmodule.exports = function stringify(it){ // eslint-disable-line no-unused-vars\n\t  return $JSON.stringify.apply($JSON, arguments);\n\t};\n\n/***/ },\n/* 9 */\n/***/ function(module, exports) {\n\n\tvar core = module.exports = {version: '2.4.0'};\n\tif(typeof __e == 'number')__e = core; // eslint-disable-line no-undef\n\n/***/ },\n/* 10 */\n/***/ function(module, exports, __webpack_require__) {\n\n\texports = module.exports = __webpack_require__(1)();\n\t// imports\n\t\n\t\n\t// module\n\texports.push([module.id, \".x-tree ul{margin:0}.x-tree-subnode{list-style-type:none}.x-tree .is-selected{font-weight:700}\", \"\"]);\n\t\n\t// exports\n\n\n/***/ },\n/* 11 */\n/***/ function(module, exports, __webpack_require__) {\n\n\texports = module.exports = __webpack_require__(1)();\n\t// imports\n\t\n\t\n\t// module\n\texports.push([module.id, \".y-tree ul{padding-left:20px}\", \"\"]);\n\t\n\t// exports\n\n\n/***/ },\n/* 12 */\n/***/ function(module, exports, __webpack_require__) {\n\n\texports = module.exports = __webpack_require__(1)();\n\t// imports\n\t\n\t\n\t// module\n\texports.push([module.id, \".y-tree-display{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:3px;line-height:23px}.y-tree-display:hover{background:#ebf2fd}.y-tree-display.selected{color:#fff;background:#3a78e0}.y-tree-arrow{margin:6px 10px 0;width:0;height:0;border:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #999;-webkit-transition:all .2s ease;transition:all .2s ease}.y-tree-display.selected .y-tree-arrow{border-left-color:#fff}.y-tree-arrow.unfold{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.y-tree-arrow.hidden{visibility:hidden}.y-tree-content-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1}\", \"\"]);\n\t\n\t// exports\n\n\n/***/ },\n/* 13 */\n/***/ function(module, exports) {\n\n\tmodule.exports = \" <tree-container :is-li=!isRoot :li-style=treeStyle.rootLi :div-style=treeStyle.rootDiv :extra-class=extraClass> <component v-if=!!displayComponent is=display-component :value=tree[valueName] :toggle-fold=toggleFold :select=select :has-children=hasChildren :is-root=isRoot :is-fold=isFold :is-selected=isSelected :args=displayArgs></component> <div v-else :style=treeStyle.valueDiv :class=\\\"{'is-selected': isSelected}\\\"> <span v-on:click=toggleFold>{{tree[valueName]}}</span> <span v-if=\\\"hasChildren && isFold\\\" v-on:click=toggleFold>[+]</span> <span v-if=\\\"hasChildren && !isFold\\\" v-on:click=toggleFold>[-]</span> </div> <ul :style=treeStyle.ul v-if=hasChildren v-show=!isFold> <x-tree v-for=\\\"child in tree[childrenName]\\\" :tree=child :value-name=valueName :children-name=childrenName :id-name=idName :is-root=false :selected-id=selectedId :display-component=displayComponent :display-args=displayArgs :tree-style=treeStyle></x-tree> </ul> </tree-container> \";\n\n/***/ },\n/* 14 */\n/***/ function(module, exports) {\n\n\tmodule.exports = \" <x-tree extra-class=y-tree :tree=tree :value-name=valueName :children-name=childrenName :id-name=idName :is-root=isRoot :is-fold=isFold :selected-id=selectedId :tree-style=treeStyle :display-component=treeDisplay :display-args=displayArgs> </x-tree> \";\n\n/***/ },\n/* 15 */\n/***/ function(module, exports) {\n\n\tmodule.exports = \" <div class=y-tree-display :class=\\\"{selected: isSelected}\\\"> <div class=y-tree-arrow :class=\\\"{ unfold: !isFold, hidden: !hasChildren }\\\" v-on:click=toggleFold></div> <div class=y-tree-content-wrapper> <component v-if=valueToDisplay is=value-component :value=value :is-root=isRoot :is-fold=isFold :is-selected=isSelected :has-children=hasChildren :select=select></component> <div v-else class=y-tree-content v-on:click=select>{{ text }}</div> </div> </div> \";\n\n/***/ },\n/* 16 */\n/***/ function(module, exports, __webpack_require__) {\n\n\tvar __vue_script__, __vue_template__\n\t__webpack_require__(19)\n\t__vue_script__ = __webpack_require__(5)\n\t__vue_template__ = __webpack_require__(14)\n\tmodule.exports = __vue_script__ || {}\n\tif (module.exports.__esModule) module.exports = module.exports.default\n\tif (__vue_template__) {\n\t(typeof module.exports === \"function\" ? (module.exports.options || (module.exports.options = {})) : module.exports).template = __vue_template__\n\t}\n\n\n/***/ },\n/* 17 */\n/***/ function(module, exports, __webpack_require__) {\n\n\tvar __vue_script__, __vue_template__\n\t__webpack_require__(20)\n\t__vue_script__ = __webpack_require__(6)\n\t__vue_template__ = __webpack_require__(15)\n\tmodule.exports = __vue_script__ || {}\n\tif (module.exports.__esModule) module.exports = module.exports.default\n\tif (__vue_template__) {\n\t(typeof module.exports === \"function\" ? (module.exports.options || (module.exports.options = {})) : module.exports).template = __vue_template__\n\t}\n\n\n/***/ },\n/* 18 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t// style-loader: Adds some css to the DOM by adding a <style> tag\n\t\n\t// load the styles\n\tvar content = __webpack_require__(10);\n\tif(typeof content === 'string') content = [[module.id, content, '']];\n\t// add the styles to the DOM\n\tvar update = __webpack_require__(2)(content, {});\n\tif(content.locals) module.exports = content.locals;\n\t// Hot Module Replacement\n\tif(false) {\n\t\t// When the styles change, update the <style> tags\n\t\tif(!content.locals) {\n\t\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./x_tree.vue\", function() {\n\t\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./x_tree.vue\");\n\t\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\t\tupdate(newContent);\n\t\t\t});\n\t\t}\n\t\t// When the module is disposed, remove the <style> tags\n\t\tmodule.hot.dispose(function() { update(); });\n\t}\n\n/***/ },\n/* 19 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t// style-loader: Adds some css to the DOM by adding a <style> tag\n\t\n\t// load the styles\n\tvar content = __webpack_require__(11);\n\tif(typeof content === 'string') content = [[module.id, content, '']];\n\t// add the styles to the DOM\n\tvar update = __webpack_require__(2)(content, {});\n\tif(content.locals) module.exports = content.locals;\n\t// Hot Module Replacement\n\tif(false) {\n\t\t// When the styles change, update the <style> tags\n\t\tif(!content.locals) {\n\t\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./y_tree.vue\", function() {\n\t\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./y_tree.vue\");\n\t\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\t\tupdate(newContent);\n\t\t\t});\n\t\t}\n\t\t// When the module is disposed, remove the <style> tags\n\t\tmodule.hot.dispose(function() { update(); });\n\t}\n\n/***/ },\n/* 20 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t// style-loader: Adds some css to the DOM by adding a <style> tag\n\t\n\t// load the styles\n\tvar content = __webpack_require__(12);\n\tif(typeof content === 'string') content = [[module.id, content, '']];\n\t// add the styles to the DOM\n\tvar update = __webpack_require__(2)(content, {});\n\tif(content.locals) module.exports = content.locals;\n\t// Hot Module Replacement\n\tif(false) {\n\t\t// When the styles change, update the <style> tags\n\t\tif(!content.locals) {\n\t\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./y_tree_display.vue\", function() {\n\t\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./y_tree_display.vue\");\n\t\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\t\tupdate(newContent);\n\t\t\t});\n\t\t}\n\t\t// When the module is disposed, remove the <style> tags\n\t\tmodule.hot.dispose(function() { update(); });\n\t}\n\n/***/ }\n/******/ ])\n});\n;\n\n\n/** WEBPACK FOOTER **\n ** tree.js\n **/"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\texports: {},\n \t\t\tid: moduleId,\n \t\t\tloaded: false\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.loaded = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(0);\n\n\n\n/** WEBPACK FOOTER **\n ** webpack/bootstrap d323420f707890361e22\n **/","/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\n// css base code, injected by the css-loader\r\nmodule.exports = function() {\r\n\tvar list = [];\r\n\r\n\t// return the list of modules as css string\r\n\tlist.toString = function toString() {\r\n\t\tvar result = [];\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar item = this[i];\r\n\t\t\tif(item[2]) {\r\n\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t} else {\r\n\t\t\t\tresult.push(item[1]);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn result.join(\"\");\r\n\t};\r\n\r\n\t// import a list of modules into the list\r\n\tlist.i = function(modules, mediaQuery) {\r\n\t\tif(typeof modules === \"string\")\r\n\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\tvar alreadyImportedModules = {};\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar id = this[i][0];\r\n\t\t\tif(typeof id === \"number\")\r\n\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t}\r\n\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\tvar item = modules[i];\r\n\t\t\t// skip already imported module\r\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t//  when a module is imported multiple times with different media queries.\r\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\r\n\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t}\r\n\t\t\t\tlist.push(item);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\treturn list;\r\n};\r\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader/lib/css-base.js\n ** module id = 1\n ** module chunks = 0\n **/","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\nvar stylesInDom = {},\n\tmemoize = function(fn) {\n\t\tvar memo;\n\t\treturn function () {\n\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\n\t\t\treturn memo;\n\t\t};\n\t},\n\tisOldIE = memoize(function() {\n\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\n\t}),\n\tgetHeadElement = memoize(function () {\n\t\treturn document.head || document.getElementsByTagName(\"head\")[0];\n\t}),\n\tsingletonElement = null,\n\tsingletonCounter = 0,\n\tstyleElementsInsertedAtTop = [];\n\nmodule.exports = function(list, options) {\n\tif(typeof DEBUG !== \"undefined\" && DEBUG) {\n\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\n\t}\n\n\toptions = options || {};\n\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n\t// tags it will allow on a page\n\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\n\n\t// By default, add <style> tags to the bottom of <head>.\n\tif (typeof options.insertAt === \"undefined\") options.insertAt = \"bottom\";\n\n\tvar styles = listToStyles(list);\n\taddStylesToDom(styles, options);\n\n\treturn function update(newList) {\n\t\tvar mayRemove = [];\n\t\tfor(var i = 0; i < styles.length; i++) {\n\t\t\tvar item = styles[i];\n\t\t\tvar domStyle = stylesInDom[item.id];\n\t\t\tdomStyle.refs--;\n\t\t\tmayRemove.push(domStyle);\n\t\t}\n\t\tif(newList) {\n\t\t\tvar newStyles = listToStyles(newList);\n\t\t\taddStylesToDom(newStyles, options);\n\t\t}\n\t\tfor(var i = 0; i < mayRemove.length; i++) {\n\t\t\tvar domStyle = mayRemove[i];\n\t\t\tif(domStyle.refs === 0) {\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\n\t\t\t\t\tdomStyle.parts[j]();\n\t\t\t\tdelete stylesInDom[domStyle.id];\n\t\t\t}\n\t\t}\n\t};\n}\n\nfunction addStylesToDom(styles, options) {\n\tfor(var i = 0; i < styles.length; i++) {\n\t\tvar item = styles[i];\n\t\tvar domStyle = stylesInDom[item.id];\n\t\tif(domStyle) {\n\t\t\tdomStyle.refs++;\n\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\n\t\t\t\tdomStyle.parts[j](item.parts[j]);\n\t\t\t}\n\t\t\tfor(; j < item.parts.length; j++) {\n\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\n\t\t\t}\n\t\t} else {\n\t\t\tvar parts = [];\n\t\t\tfor(var j = 0; j < item.parts.length; j++) {\n\t\t\t\tparts.push(addStyle(item.parts[j], options));\n\t\t\t}\n\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\n\t\t}\n\t}\n}\n\nfunction listToStyles(list) {\n\tvar styles = [];\n\tvar newStyles = {};\n\tfor(var i = 0; i < list.length; i++) {\n\t\tvar item = list[i];\n\t\tvar id = item[0];\n\t\tvar css = item[1];\n\t\tvar media = item[2];\n\t\tvar sourceMap = item[3];\n\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\n\t\tif(!newStyles[id])\n\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\n\t\telse\n\t\t\tnewStyles[id].parts.push(part);\n\t}\n\treturn styles;\n}\n\nfunction insertStyleElement(options, styleElement) {\n\tvar head = getHeadElement();\n\tvar lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];\n\tif (options.insertAt === \"top\") {\n\t\tif(!lastStyleElementInsertedAtTop) {\n\t\t\thead.insertBefore(styleElement, head.firstChild);\n\t\t} else if(lastStyleElementInsertedAtTop.nextSibling) {\n\t\t\thead.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);\n\t\t} else {\n\t\t\thead.appendChild(styleElement);\n\t\t}\n\t\tstyleElementsInsertedAtTop.push(styleElement);\n\t} else if (options.insertAt === \"bottom\") {\n\t\thead.appendChild(styleElement);\n\t} else {\n\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\n\t}\n}\n\nfunction removeStyleElement(styleElement) {\n\tstyleElement.parentNode.removeChild(styleElement);\n\tvar idx = styleElementsInsertedAtTop.indexOf(styleElement);\n\tif(idx >= 0) {\n\t\tstyleElementsInsertedAtTop.splice(idx, 1);\n\t}\n}\n\nfunction createStyleElement(options) {\n\tvar styleElement = document.createElement(\"style\");\n\tstyleElement.type = \"text/css\";\n\tinsertStyleElement(options, styleElement);\n\treturn styleElement;\n}\n\nfunction addStyle(obj, options) {\n\tvar styleElement, update, remove;\n\n\tif (options.singleton) {\n\t\tvar styleIndex = singletonCounter++;\n\t\tstyleElement = singletonElement || (singletonElement = createStyleElement(options));\n\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\n\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\n\t} else {\n\t\tstyleElement = createStyleElement(options);\n\t\tupdate = applyToTag.bind(null, styleElement);\n\t\tremove = function() {\n\t\t\tremoveStyleElement(styleElement);\n\t\t};\n\t}\n\n\tupdate(obj);\n\n\treturn function updateStyle(newObj) {\n\t\tif(newObj) {\n\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\n\t\t\t\treturn;\n\t\t\tupdate(obj = newObj);\n\t\t} else {\n\t\t\tremove();\n\t\t}\n\t};\n}\n\nvar replaceText = (function () {\n\tvar textStore = [];\n\n\treturn function (index, replacement) {\n\t\ttextStore[index] = replacement;\n\t\treturn textStore.filter(Boolean).join('\\n');\n\t};\n})();\n\nfunction applyToSingletonTag(styleElement, index, remove, obj) {\n\tvar css = remove ? \"\" : obj.css;\n\n\tif (styleElement.styleSheet) {\n\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\n\t} else {\n\t\tvar cssNode = document.createTextNode(css);\n\t\tvar childNodes = styleElement.childNodes;\n\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\n\t\tif (childNodes.length) {\n\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\n\t\t} else {\n\t\t\tstyleElement.appendChild(cssNode);\n\t\t}\n\t}\n}\n\nfunction applyToTag(styleElement, obj) {\n\tvar css = obj.css;\n\tvar media = obj.media;\n\tvar sourceMap = obj.sourceMap;\n\n\tif (media) {\n\t\tstyleElement.setAttribute(\"media\", media);\n\t}\n\n\tif (sourceMap) {\n\t\t// https://developer.chrome.com/devtools/docs/javascript-debugging\n\t\t// this makes source maps inside style tags work properly in Chrome\n\t\tcss += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */';\n\t\t// http://stackoverflow.com/a/26603875\n\t\tcss += \"\\n/*# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" */\";\n\t}\n\n\tif (styleElement.styleSheet) {\n\t\tstyleElement.styleSheet.cssText = css;\n\t} else {\n\t\twhile(styleElement.firstChild) {\n\t\t\tstyleElement.removeChild(styleElement.firstChild);\n\t\t}\n\t\tstyleElement.appendChild(document.createTextNode(css));\n\t}\n}\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-style-loader/addStyles.js\n ** module id = 2\n ** module chunks = 0\n **/","var __vue_script__, __vue_template__\nrequire(\"!!vue-style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./x_tree.vue\")\n__vue_script__ = require(\"!!babel-loader?presets[]=es2015&plugins[]=transform-runtime&comments=false!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./x_tree.vue\")\n__vue_template__ = require(\"!!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./x_tree.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) {\n(typeof module.exports === \"function\" ? (module.exports.options || (module.exports.options = {})) : module.exports).template = __vue_template__\n}\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/x_tree.vue\n ** module id = 3\n ** module chunks = 0\n **/","<style>\n\n.x-tree ul {\n    margin: 0;\n}\n\n.x-tree-subnode {\n    list-style-type: none;\n}\n\n.x-tree .is-selected {\n    font-weight: bold;\n}\n\n</style>\n\n<template>\n    <tree-container\n            :is-li=\"!isRoot\"\n            :li-style=\"treeStyle.rootLi\"\n            :div-style=\"treeStyle.rootDiv\"\n            :extra-class=\"extraClass\">\n\n        <component  v-if=\"!!displayComponent\"\n                        is=\"display-component\"\n                        :value=\"tree[valueName]\"\n                        :toggle-fold=\"toggleFold\"\n                        :select=\"select\"\n                        :has-children=\"hasChildren\"\n                        :is-root=\"isRoot\"\n                        :is-fold=\"isFold\"\n                        :is-selected=\"isSelected\"\n                        :args=\"displayArgs\"\n        ></component>\n\n        <div v-else\n            :style=\"treeStyle.valueDiv\"\n            :class=\"{'is-selected': isSelected}\">\n                <span v-on:click=\"toggleFold\">{{tree[valueName]}}</span>\n                <span v-if=\"hasChildren && isFold\"  v-on:click=\"toggleFold\">[+]</span>\n                <span v-if=\"hasChildren && !isFold\" v-on:click=\"toggleFold\">[-]</span>\n        </div>\n\n\n        <ul :style=\"treeStyle.ul\" v-if=\"hasChildren\" v-show=\"!isFold\">\n            <x-tree v-for=\"child in tree[childrenName]\"\n                    :tree=\"child\"\n                    :value-name=\"valueName\"\n                    :children-name=\"childrenName\"\n                    :id-name=\"idName\"\n                    :is-root=false\n                    :selected-id=\"selectedId\"\n                    :display-component=\"displayComponent\"\n                    :display-args=\"displayArgs\"\n                    :tree-style=\"treeStyle\"\n            ></x-tree>\n        </ul>\n\n    </tree-container>\n</template>\n\n<script>\n    export default {\n            name: 'x-tree',\n\n            data() {\n                return {\n                    treeId: '' + new Date() * 1 + Math.round(Math.random() * 1000),\n                    isSelected: false\n                };\n            },\n\n            components: {\n                'display-component': function (resolve) {\n                    resolve(this.displayComponent);\n                },\n\n                'tree-container': {\n                    template: [\n                        '<li  v-if=\"isLi\" :style=\"liStyle\"  class=\"x-tree x-tree-subnode\"><slot></slot></li>',\n                        '<div v-else      :style=\"divStyle\" class=\"x-tree x-tree-root\" :class=\"extraClass\"><slot></slot></div>'\n                    ].join(''),\n\n                    props: {\n                        isLi: {\n                            type: Boolean,\n                            default: true\n                        },\n                        divStyle: {\n                            type: Object\n                        },\n                        liStyle: {\n                            type: Object\n                        },\n                        extraClass: {\n                            type: String\n                        }\n                    }\n                }\n            },\n\n            props: {\n                tree: {\n                    type: Object,\n                    required: true\n                },\n                childrenName: {\n                    type: String,\n                    default: 'children'\n                },\n                valueName: {\n                    type: String,\n                    default: 'value'\n                },\n                idName: {\n                    type: String\n                },\n                isRoot: {\n                    type: Boolean,\n                    default: true\n                },\n                isFold: {\n                    type: Boolean,\n                    default: false\n                },\n                selectedId: {\n                    type: String\n                },\n                displayComponent: {\n                    type: Object\n                },\n                displayArgs: {\n                    type: Object\n                },\n                treeStyle: {\n                    type: Object,\n                    default: () => ({\n                        rootDiv: {},\n                        rootLi: {},\n                        valueDiv: {},\n                        ul: {}\n                    })\n                },\n                extraClass: {\n                    type: String\n                }\n            }, \n\n            computed: {\n                hasChildren: function () {\n                    return !!(this.tree && this.tree[this.childrenName] && this.tree[this.childrenName].length);\n                },\n\n                id: function () {\n                    return this.idName ? this.tree[this.idName] : this.treeId;\n                }\n            },\n\n            methods: {\n                toggleFold: function () {\n                    this.isFold = !this.isFold;\n                    return this.isFold;\n                },\n\n                select: function() {\n                    this.$dispatch('click', {\n                        id: this.id,\n                        value: this.tree[this.valueName]\n                    });\n                }\n            },\n\n            created: function () {\n                if (this.isRoot) {\n                    this.$on('click', function (obj) {\n                        var {id, value} = obj; \n\n                        setTimeout(() =>  {\n                            this.isSelected = id === this.id;\n                            this.$broadcast('reset-select', id);\n                            this.$dispatch('tree-select', value);\n                        }, 0);\n                    });\n                }\n\n                this.isSelected = this.id == this.selectedId;\n\n                this.$on('reset-select', function (selectedId) {\n                    this.isSelected = this.id == selectedId;\n                    return true;\n                });\n            }\n        };\n</script>\n\n\n\n/** WEBPACK FOOTER **\n ** x_tree.vue?70720d2e\n **/","<style>\n\n.y-tree ul {\n    padding-left: 20px; \n}\n\n</style>\n\n<template>\n    <x-tree\n        extra-class=\"y-tree\"\n        :tree=\"tree\"\n        :value-name=\"valueName\"\n        :children-name=\"childrenName\"\n        :id-name=\"idName\"\n        :is-root=\"isRoot\"\n        :is-fold=\"isFold\"\n        :selected-id=\"selectedId\"\n        :tree-style=\"treeStyle\"\n        :display-component=\"treeDisplay\"\n        :display-args=\"displayArgs\"\n    >\n    </x-tree>\n</template>\n\n\n<script>\n    export default {\n        data() {\n            return {\n                'treeDisplay': require('./y_tree_display.vue')\n            }\n        },\n\n        components: {\n            'x-tree': require('./x_tree.vue'),\n        },\n\n        props: {\n            tree: {\n                type: Object,\n                default: () => ({\n                })\n            },\n            childrenName: {\n                type: String,\n                default: 'children'\n            },\n            valueName: {\n                type: String,\n                default: 'value'\n            },\n            idName: {\n                type: String\n            },\n            isRoot: {\n                type: Boolean,\n                default: true\n            },\n            isFold: {\n                type: Boolean,\n                default: false\n            },\n            selectedId: {\n                type: String\n            },\n            displayArgs: {\n                type: Object\n            },\n            treeStyle: {\n                type: Object,\n                default: () => ({\n                    rootDiv: {},\n                    rootLi: {},\n                    valueDiv: {},\n                    ul: {}\n                })\n            },\n            extraClass: {\n                type: String\n            }\n        }\n    }\n</script>\n\n\n\n/** WEBPACK FOOTER **\n ** y_tree.vue?813b1e3a\n **/","\n<style>\n\n.y-tree-display {\n    display: flex;\n    border-radius: 3px;\n    line-height: 23px;\n}\n\n.y-tree-display:hover {\n    background: #ebf2fd;\n}\n\n.y-tree-display.selected {\n    color: #fff;\n    background: #3a78e0;\n}\n\n.y-tree-arrow {\n    margin: 6px 10px 0;\n    width: 0px;\n    height: 0;\n    border: 0;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-left: 8px solid #999;\n    transition: all 0.2s ease;\n} \n\n.y-tree-display.selected .y-tree-arrow {\n    border-left-color: #fff;\n}\n\n.y-tree-arrow.unfold {\n    transform: rotate(90deg);\n}\n\n.y-tree-arrow.hidden {\n    visibility: hidden;\n}\n\n.y-tree-content-wrapper {\n    flex: 1;\n} \n\n</style>\n\n<template>\n    <div class=\"y-tree-display\" :class=\"{selected: isSelected}\">\n        <div class=\"y-tree-arrow\" :class=\"{ unfold: !isFold, hidden: !hasChildren }\"  v-on:click=\"toggleFold\"></div>\n        <div class=\"y-tree-content-wrapper\">\n            <component v-if=\"valueToDisplay\"\n                        is=\"value-component\"\n                        :value=\"value\"\n                        :is-root=\"isRoot\"\n                        :is-fold=\"isFold\"\n                        :is-selected=\"isSelected\"\n                        :has-children=\"hasChildren\"\n                        :select=\"select\"\n            ></component> \n            <div v-else class=\"y-tree-content\" v-on:click=\"select\">{{ text }}</div> \n        </div>\n    </div>\n</template>\n\n<script>\n    export default {\n        components: {\n            'value-component': function (resolve) {\n                resolve(this.valueToDisplay);\n            }\n        },\n\n        props: {\n            value: {\n                type: [Object, String],\n                required: true\n            },\n            toggleFold: {\n                type: Function,\n                required: true\n            }, \n            select: {\n                type: Function,\n                required: true\n            }, \n            isRoot: {\n                type: Boolean,\n                required: true\n            },\n            isFold: {\n                type: Boolean,\n                required: true\n            },\n            isSelected: {\n                type: Boolean,\n                required: true\n            },\n            hasChildren: {\n                type: Boolean,\n                required: true\n            },\n            args: {\n                type: Object\n            }\n        },\n\n        computed: {\n            text: function () {\n                return this.valueToString(this.value);\n            },\n\n            valueToString: function () {\n                return (this.args || {}).valueToString || ((x) => JSON.stringify(x));\n            },\n\n            valueToDisplay: function () {\n                return (this.args || {}).valueToDisplay;\n            }\n        }\n    }\n</script>\n\n\n\n/** WEBPACK FOOTER **\n ** y_tree_display.vue?4491a0a2\n **/","module.exports = { \"default\": require(\"core-js/library/fn/json/stringify\"), __esModule: true };\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/babel-runtime/core-js/json/stringify.js\n ** module id = 7\n ** module chunks = 0\n **/","var core  = require('../../modules/_core')\n  , $JSON = core.JSON || (core.JSON = {stringify: JSON.stringify});\nmodule.exports = function stringify(it){ // eslint-disable-line no-unused-vars\n  return $JSON.stringify.apply($JSON, arguments);\n};\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/babel-runtime/~/core-js/library/fn/json/stringify.js\n ** module id = 8\n ** module chunks = 0\n **/","var core = module.exports = {version: '2.4.0'};\nif(typeof __e == 'number')__e = core; // eslint-disable-line no-undef\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/babel-runtime/~/core-js/library/modules/_core.js\n ** module id = 9\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".x-tree ul{margin:0}.x-tree-subnode{list-style-type:none}.x-tree .is-selected{font-weight:700}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js!./~/vue-loader/lib/selector.js?type=style&index=0!./src/x_tree.vue\n ** module id = 10\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".y-tree ul{padding-left:20px}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js!./~/vue-loader/lib/selector.js?type=style&index=0!./src/y_tree.vue\n ** module id = 11\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".y-tree-display{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:3px;line-height:23px}.y-tree-display:hover{background:#ebf2fd}.y-tree-display.selected{color:#fff;background:#3a78e0}.y-tree-arrow{margin:6px 10px 0;width:0;height:0;border:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #999;-webkit-transition:all .2s ease;transition:all .2s ease}.y-tree-display.selected .y-tree-arrow{border-left-color:#fff}.y-tree-arrow.unfold{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.y-tree-arrow.hidden{visibility:hidden}.y-tree-content-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js!./~/vue-loader/lib/selector.js?type=style&index=0!./src/y_tree_display.vue\n ** module id = 12\n ** module chunks = 0\n **/","module.exports = \" <tree-container :is-li=!isRoot :li-style=treeStyle.rootLi :div-style=treeStyle.rootDiv :extra-class=extraClass> <component v-if=!!displayComponent is=display-component :value=tree[valueName] :toggle-fold=toggleFold :select=select :has-children=hasChildren :is-root=isRoot :is-fold=isFold :is-selected=isSelected :args=displayArgs></component> <div v-else :style=treeStyle.valueDiv :class=\\\"{'is-selected': isSelected}\\\"> <span v-on:click=toggleFold>{{tree[valueName]}}</span> <span v-if=\\\"hasChildren && isFold\\\" v-on:click=toggleFold>[+]</span> <span v-if=\\\"hasChildren && !isFold\\\" v-on:click=toggleFold>[-]</span> </div> <ul :style=treeStyle.ul v-if=hasChildren v-show=!isFold> <x-tree v-for=\\\"child in tree[childrenName]\\\" :tree=child :value-name=valueName :children-name=childrenName :id-name=idName :is-root=false :selected-id=selectedId :display-component=displayComponent :display-args=displayArgs :tree-style=treeStyle></x-tree> </ul> </tree-container> \";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/x_tree.vue\n ** module id = 13\n ** module chunks = 0\n **/","module.exports = \" <x-tree extra-class=y-tree :tree=tree :value-name=valueName :children-name=childrenName :id-name=idName :is-root=isRoot :is-fold=isFold :selected-id=selectedId :tree-style=treeStyle :display-component=treeDisplay :display-args=displayArgs> </x-tree> \";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/y_tree.vue\n ** module id = 14\n ** module chunks = 0\n **/","module.exports = \" <div class=y-tree-display :class=\\\"{selected: isSelected}\\\"> <div class=y-tree-arrow :class=\\\"{ unfold: !isFold, hidden: !hasChildren }\\\" v-on:click=toggleFold></div> <div class=y-tree-content-wrapper> <component v-if=valueToDisplay is=value-component :value=value :is-root=isRoot :is-fold=isFold :is-selected=isSelected :has-children=hasChildren :select=select></component> <div v-else class=y-tree-content v-on:click=select>{{ text }}</div> </div> </div> \";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/y_tree_display.vue\n ** module id = 15\n ** module chunks = 0\n **/","var __vue_script__, __vue_template__\nrequire(\"!!vue-style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./y_tree.vue\")\n__vue_script__ = require(\"!!babel-loader?presets[]=es2015&plugins[]=transform-runtime&comments=false!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./y_tree.vue\")\n__vue_template__ = require(\"!!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./y_tree.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) {\n(typeof module.exports === \"function\" ? (module.exports.options || (module.exports.options = {})) : module.exports).template = __vue_template__\n}\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/y_tree.vue\n ** module id = 16\n ** module chunks = 0\n **/","var __vue_script__, __vue_template__\nrequire(\"!!vue-style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./y_tree_display.vue\")\n__vue_script__ = require(\"!!babel-loader?presets[]=es2015&plugins[]=transform-runtime&comments=false!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./y_tree_display.vue\")\n__vue_template__ = require(\"!!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./y_tree_display.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) {\n(typeof module.exports === \"function\" ? (module.exports.options || (module.exports.options = {})) : module.exports).template = __vue_template__\n}\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/y_tree_display.vue\n ** module id = 17\n ** module chunks = 0\n **/","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./x_tree.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/vue-style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./x_tree.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./x_tree.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js!./~/vue-loader/lib/selector.js?type=style&index=0!./src/x_tree.vue\n ** module id = 18\n ** module chunks = 0\n **/","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./y_tree.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/vue-style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./y_tree.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./y_tree.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js!./~/vue-loader/lib/selector.js?type=style&index=0!./src/y_tree.vue\n ** module id = 19\n ** module chunks = 0\n **/","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./y_tree_display.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/vue-style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./y_tree_display.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./y_tree_display.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js!./~/vue-loader/lib/selector.js?type=style&index=0!./src/y_tree_display.vue\n ** module id = 20\n ** module chunks = 0\n **/"],"sourceRoot":""}