{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/flatmapvuer/src/components/TreeControls.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/flatmapvuer/src/components/TreeControls.vue","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/thread-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/babel-loader/lib/index.js","mtime":456789000000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBWdWUgZnJvbSAidnVlIjsKaW1wb3J0IHsgQ2hlY2tib3gsIENoZWNrYm94R3JvdXAsIENvbG9yUGlja2VyLCBSb3csIFRyZWUgfSBmcm9tICJlbGVtZW50LXVpIjsKaW1wb3J0IGxhbmcgZnJvbSAiZWxlbWVudC11aS9saWIvbG9jYWxlL2xhbmcvZW4iOwppbXBvcnQgbG9jYWxlIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZSI7CmxvY2FsZS51c2UobGFuZyk7ClZ1ZS51c2UoQ2hlY2tib3gpOwpWdWUudXNlKENoZWNrYm94R3JvdXApOwpWdWUudXNlKENvbG9yUGlja2VyKTsKVnVlLnVzZShSb3cpOwpWdWUudXNlKFRyZWUpOwoKLyoqCiAqIEEgdnVlIGNvbXBvbmVudCBmb3IgdG9nZ2xpbmcgdmlzaWJpbGl0eSBvZiB2YXJpb3VzIHJlZ2lvbnMuCiAqLwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIlRyZWVDb250cm9scyIsCiAgcHJvcHM6IHsKICAgIHRyZWVEYXRhOiB7CiAgICAgIHR5cGU6IEFycmF5LAogICAgICBkZWZhdWx0OiBmdW5jdGlvbiAoKSB7CiAgICAgICAgcmV0dXJuIFtdOwogICAgICB9CiAgICB9LAogICAgYWN0aXZlOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogIiIKICAgIH0sCiAgICBob3ZlcjogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICIiCiAgICB9CiAgfSwKICBkYXRhOiBmdW5jdGlvbiAoKSB7CiAgICByZXR1cm4gewogICAgICBkZWZhdWx0RXhwYW5kZWRLZXlzOiBbIkFsbCJdLAogICAgfTsKICB9LAogIGRlc3Ryb3llZDogZnVuY3Rpb24gKCkgewogICAgdGhpcy5zb3J0ZWRQcmltaXRpdmVHcm91cHMgPSB1bmRlZmluZWQ7CiAgfSwKICBtZXRob2RzOiB7CiAgICBub2RlSXNBY3RpdmU6IGZ1bmN0aW9uKGRhdGEpIHsKICAgICAgcmV0dXJuIHRoaXMuYWN0aXZlID09PSBkYXRhLm1vZGVsczsKICAgIH0sCiAgICBub2RlSXNIb3ZlcjogZnVuY3Rpb24oZGF0YSkgewogICAgICByZXR1cm4gdGhpcy5ob3ZlciA9PT0gZGF0YS5tb2RlbHM7CiAgICB9LAogICAgY2hhbmdlQWN0aXZlQnlOb2RlOiBmdW5jdGlvbihkYXRhKSB7CiAgICAgIGlmIChkYXRhLm1vZGVscykgewogICAgICAgIHRoaXMuJGVtaXQoImNoYW5nZS1hY3RpdmUiLCBkYXRhLm1vZGVscyk7CiAgICAgIH0KICAgIH0sCiAgICBjaGFuZ2VIb3ZlckJ5Tm9kZTogZnVuY3Rpb24oKSB7CiAgICAgIC8vaWYgKGRhdGEubW9kZWxzKSB7CiAgICAgIC8vICB0aGlzLiRlbWl0KCJjaGFuZ2UtYWN0aXZlIiwgZGF0YS5tb2RlbHMpOwogICAgICAvL30KICAgIH0sCiAgICBjaGVja0NoYW5nZWQ6IGZ1bmN0aW9uIChub2RlLCBkYXRhKSB7CiAgICAgIGNvbnN0IGlzQ2hlY2tlZCA9IGRhdGEuY2hlY2tlZEtleXMuaW5jbHVkZXMobm9kZS5rZXkpOwogICAgICBpZiAobm9kZS5rZXkgPT09ICJBbGwiKSB7CiAgICAgICAgdGhpcy4kZW1pdCgiY2hlY2tBbGwiLCBpc0NoZWNrZWQpOwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMuJGVtaXQoImNoYW5nZWQiLCB7a2V5OiBub2RlLmtleSwgdmFsdWU6IGlzQ2hlY2tlZH0pOwogICAgICB9CiAgICB9LAogICAgZ2V0QmFja2dyb3VuZFN0eWxlczogZnVuY3Rpb24obm9kZSkgewogICAgICBpZiAoJ2NvbG91cicgaW4gbm9kZSkgewogICAgICAgIHJldHVybiB7IGJhY2tncm91bmQ6IG5vZGUuY29sb3VyIH07CiAgICAgIH0KICAgICAgcmV0dXJuIHt9OwogICAgfSwKICB9LAp9Owo="},{"version":3,"sources":["TreeControls.vue"],"names":[],"mappings":";AAwCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"TreeControls.vue","sourceRoot":"node_modules/@abi-software/flatmapvuer/src/components","sourcesContent":["<template>\n  <div class=\"container\">\n    <el-row>\n      <el-col :span=\"12\">\n        <div class=\"title-text\">\n          Systems\n        </div>\n      </el-col>\n    </el-row>\n    <div class=\"tree-container\">\n      <el-tree\n        ref=\"tree\"\n        node-key=\"key\"\n        show-checkbox\n        :check-strictly=\"false\"\n        :data=\"treeData\"\n        :render-after-expand=\"false\"\n        :default-expanded-keys=\"defaultExpandedKeys\"\n        @check=\"checkChanged\"\n      >\n        <span\n          slot-scope=\"{ node, data }\"\n          class=\"region-tree-node\"\n          :class=\"{\n            activeItem: nodeIsActive(data),\n            hoverItem: nodeIsHover(data),\n          }\"\n          @click=\"changeActiveByNode(data)\"\n          @mouseover=\"changeHoverByNode(data)\"\n        >\n          <div :style=\"getBackgroundStyles(data)\">\n            {{ node.label }}\n          </div>\n        </span>\n      </el-tree>\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\nimport { Checkbox, CheckboxGroup, ColorPicker, Row, Tree } from \"element-ui\";\nimport lang from \"element-ui/lib/locale/lang/en\";\nimport locale from \"element-ui/lib/locale\";\nlocale.use(lang);\nVue.use(Checkbox);\nVue.use(CheckboxGroup);\nVue.use(ColorPicker);\nVue.use(Row);\nVue.use(Tree);\n\n/**\n * A vue component for toggling visibility of various regions.\n */\nexport default {\n  name: \"TreeControls\",\n  props: {\n    treeData: {\n      type: Array,\n      default: function () {\n        return [];\n      }\n    },\n    active: {\n      type: String,\n      default: \"\"\n    },\n    hover: {\n      type: String,\n      default: \"\"\n    }\n  },\n  data: function () {\n    return {\n      defaultExpandedKeys: [\"All\"],\n    };\n  },\n  destroyed: function () {\n    this.sortedPrimitiveGroups = undefined;\n  },\n  methods: {\n    nodeIsActive: function(data) {\n      return this.active === data.models;\n    },\n    nodeIsHover: function(data) {\n      return this.hover === data.models;\n    },\n    changeActiveByNode: function(data) {\n      if (data.models) {\n        this.$emit(\"change-active\", data.models);\n      }\n    },\n    changeHoverByNode: function() {\n      //if (data.models) {\n      //  this.$emit(\"change-active\", data.models);\n      //}\n    },\n    checkChanged: function (node, data) {\n      const isChecked = data.checkedKeys.includes(node.key);\n      if (node.key === \"All\") {\n        this.$emit(\"checkAll\", isChecked);\n      } else {\n        this.$emit(\"changed\", {key: node.key, value: isChecked});\n      }\n    },\n    getBackgroundStyles: function(node) {\n      if ('colour' in node) {\n        return { background: node.colour };\n      }\n      return {};\n    },\n  },\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n@import \"~element-ui/packages/theme-chalk/src/checkbox\";\n@import \"~element-ui/packages/theme-chalk/src/row\";\n@import \"~element-ui/packages/theme-chalk/src/tree\";\n\n.checkbox-container {\n  display: flex;\n  cursor: pointer;\n}\n\n.tree-controls {\n  position: absolute;\n  bottom: 0px;\n  transition: all 1s ease;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.container {\n  text-align: left;\n  overflow: none;\n  padding-top: 7px;\n  padding-bottom: 16px;\n  background: #ffffff;\n}\n\n.title-text {\n  width: 59px;\n  height: 20px;\n  color: rgb(48, 49, 51);\n  font-size: 14px;\n  font-weight: normal;\n  line-height: 20px;\n  margin-left: 8px;\n}\n\n.all-checkbox {\n  float: right;\n}\n\n.tree-container {\n  width: 260px;\n  border: 1px solid rgb(144, 147, 153);\n  border-radius: 4px;\n  background: #ffffff;\n  margin-top: 6px;\n  scrollbar-width: thin;\n\n  ::v-deep .el-tree {\n    max-height: 240px;\n    min-height: 130px;\n    overflow: auto;\n    &::-webkit-scrollbar {\n      width: 4px;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      border-radius: 10px;\n      box-shadow: inset 0 0 6px #c0c4cc;\n    }\n  }\n\n  ::v-deep .el-tree-node__content {\n    height: 22px;\n  }\n}\n\n::v-deep .el-checkbox__input {\n  &.is-indeterminate,\n  &.is-checked {\n    .el-checkbox__inner {\n      background-color: $app-primary-color;\n      border-color: $app-primary-color;\n    }\n  }\n}\n\n::v-deep .el-tree-node__children .el-tree-node__children .el-tree-node__content > label.el-checkbox {\n  display: none;\n}\n\n::v-deep .el-checkbox__label {\n  padding-left: 5px;\n  color: $app-primary-color !important;\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 0px;\n  line-height: 14px;\n}\n\n.activeItem {\n  background-color: #bbb !important;\n}\n\n.region-tree-node {\n  flex: 1;\n  color: $app-primary-color !important;\n  display: flex;\n  font-size: 12px;\n  line-height: 14px;\n  padding-left: 0px;\n  background-color: #fff;\n  width: 100%;\n\n}\n\n.hoverItem {\n  background-color: #eee !important;\n}\n\n</style>\n\n"]}]}