{"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/map-side-bar/src/components/SideBar.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/map-side-bar/src/components/SideBar.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/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:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBWdWUgZnJvbSAidnVlIjsKaW1wb3J0IHsKICBEcmF3ZXIsCiAgSWNvbiwKfSBmcm9tICJlbGVtZW50LXVpIjsKaW1wb3J0IGxhbmcgZnJvbSAiZWxlbWVudC11aS9saWIvbG9jYWxlL2xhbmcvZW4iOwppbXBvcnQgbG9jYWxlIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZSI7CmltcG9ydCBTaWRlYmFyQ29udGVudCBmcm9tICcuL1NpZGViYXJDb250ZW50LnZ1ZSc7CmltcG9ydCBFdmVudEJ1cyBmcm9tICcuL0V2ZW50QnVzJzsKaW1wb3J0IFRhYnMgZnJvbSAnLi9UYWJzJwoKbG9jYWxlLnVzZShsYW5nKTsKVnVlLnVzZShEcmF3ZXIpOwpWdWUudXNlKEljb24pOwoKZXhwb3J0IGRlZmF1bHQgewogIGNvbXBvbmVudHM6IHtTaWRlYmFyQ29udGVudCwgVGFicyB9LAogIG5hbWU6ICJTaWRlQmFyIiwKICBwcm9wczogewogICAgdmlzaWJsZTogewogICAgICB0eXBlOiBCb29sZWFuLAogICAgICBkZWZhdWx0OiBmYWxzZQogICAgfSwKICAgIGVudlZhcnM6IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiAoKSA9PiB7fQogICAgfSwKICAgIHRhYnM6IHsKICAgICAgdHlwZTogQXJyYXksCiAgICAgIGRlZmF1bHQ6ICgpID0+IFt7dGl0bGU6J2ZsYXRtYXAnLCBpZDoxfV0KICAgIH0sCiAgICBhY3RpdmVJZDogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDEKICAgIH0sCiAgICBvcGVuQXRTdGFydDogewogICAgICB0eXBlOiBCb29sZWFuLAogICAgICBkZWZhdWx0OiBmYWxzZQogICAgfQogIH0sCiAgZGF0YTogZnVuY3Rpb24gKCkgewogICAgcmV0dXJuIHsKICAgICAgZHJhd2VyT3BlbjogZmFsc2UsCiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICBzZWFyY2hDaGFuZ2VkOiBmdW5jdGlvbiAoaWQsIGRhdGEpIHsKICAgICAgdGhpcy4kZW1pdCgic2VhcmNoLWNoYW5nZWQiLCB7Li4uZGF0YSwgaWQ6IGlkfSk7CiAgICB9LAogICAgY2xvc2U6IGZ1bmN0aW9uICgpIHsKICAgICAgdGhpcy5kcmF3ZXJPcGVuID0gZmFsc2U7CiAgICB9LAogICAgdG9nZ2xlRHJhd2VyOiBmdW5jdGlvbiAoKSB7CiAgICAgIHRoaXMuZHJhd2VyT3BlbiA9ICF0aGlzLmRyYXdlck9wZW47CiAgICB9LAogICAgb3BlblNlYXJjaDogZnVuY3Rpb24oZmFjZXRzLCBxdWVyeSl7CiAgICAgIHRoaXMuZHJhd2VyT3BlbiA9IHRydWU7CiAgICAgIC8vIEJlY2F1c2UgcmVmcyBhcmUgaW4gdi1mb3IsIG5leHRUaWNrIGlzIG5lZWRlZCBoZXJlCiAgICAgIFZ1ZS5uZXh0VGljaygoKT0+e3RoaXMuJHJlZnNbdGhpcy5hY3RpdmVJZF1bMF0ub3BlblNlYXJjaChmYWNldHMsIHF1ZXJ5KX0pCiAgICB9LAogICAgYWRkRmlsdGVyOiBmdW5jdGlvbihmaWx0ZXIpewogICAgICB0aGlzLmRyYXdlck9wZW4gPSB0cnVlOwogICAgICBmaWx0ZXIuQU5EID0gdHJ1ZSAvLyBXaGVuIHdlIGFkZCBhIGZpbHRlciBleHRlcm5hbCwgaXQgaXMgY3VycmVudGx5IG9ubHkgd2l0aCBhbiBBTkQgYm9vbGVhbgoKICAgICAgLy8gQmVjYXVzZSByZWZzIGFyZSBpbiB2LWZvciwgbmV4dFRpY2sgaXMgbmVlZGVkIGhlcmUKICAgICAgVnVlLm5leHRUaWNrKCgpPT57dGhpcy4kcmVmc1t0aGlzLmFjdGl2ZUlkXVswXS5hZGRGaWx0ZXIoZmlsdGVyKX0pCiAgICB9LAogICAgb3Blbk5ldXJvblNlYXJjaDogZnVuY3Rpb24obmV1cm9uKXsKICAgICAgdGhpcy5kcmF3ZXJPcGVuID0gdHJ1ZTsKICAgICAgLy8gQmVjYXVzZSByZWZzIGFyZSBpbiB2LWZvciwgbmV4dFRpY2sgaXMgbmVlZGVkIGhlcmUKICAgICAgVnVlLm5leHRUaWNrKCgpPT57dGhpcy4kcmVmc1t0aGlzLmFjdGl2ZUlkXVswXS5vcGVuU2VhcmNoKCcnLCB1bmRlZmluZWQsICdzY2ljcnVuY2gtcXVlcnktc3RyaW5nLycsIHsnZmllbGQnOiAnKm9yZ2FuLmN1cmllJywgJ2N1cmllJzpuZXVyb259KX0pCiAgICB9LAogICAgdGFiQ2xpY2tlZDogZnVuY3Rpb24oaWQpIHsKICAgICAgdGhpcy4kZW1pdCgidGFiQ2xpY2tlZCIsIGlkKTsKICAgIH0sCiAgfSwKICBjcmVhdGVkOmZ1bmN0aW9uKCkgewogICAgdGhpcy5kcmF3ZXJPcGVuID0gdGhpcy5vcGVuQXRTdGFydDsKICB9LAogIG1vdW50ZWQ6IGZ1bmN0aW9uKCl7CiAgICBFdmVudEJ1cy4kb24oIlBvcG92ZXJBY3Rpb25DbGljayIsIChwYXlMb2FkKSA9PiB7CiAgICAgIHRoaXMuJGVtaXQoImFjdGlvbkNsaWNrIiwgcGF5TG9hZCk7CiAgICB9KQogICAgRXZlbnRCdXMuJG9uKCdhbmF0b215Rm91bmQnLCAocGF5TG9hZCk9PiB7CiAgICAgIHRoaXMuJGVtaXQoJ3NlYXJjaC1jaGFuZ2VkJywgewogICAgICAgIHR5cGU6ICdrZXl3b3JkLXVwZGF0ZScsCiAgICAgICAgdmFsdWU6IHBheUxvYWQKICAgICAgfSkKICAgIH0pCiAgfQp9Owo="},{"version":3,"sources":["SideBar.vue"],"names":[],"mappings":";AAsCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;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","file":"SideBar.vue","sourceRoot":"node_modules/@abi-software/map-side-bar/src/components","sourcesContent":["<template>\n  <div ref=\"container\">\n    <div v-if=\"!drawerOpen\" @click=\"toggleDrawer\" class=\"open-tab\">\n      <i class=\"el-icon-arrow-left\"></i>\n    </div>\n    <el-drawer\n      custom-class=\"my-drawer\"\n      class=\"side-bar\"\n      :visible.sync=\"drawerOpen\"\n      :appendToBody=\"false\"\n      :modal-append-to-body=\"false\"\n      size=550\n      :with-header=\"false\"\n      :wrapperClosable=\"false\"\n      :modal=\"false\"\n    >\n      <div class=\"box-card\">\n        <div v-if=\"drawerOpen\" @click=\"close\" class=\"close-tab\">\n          <i class=\"el-icon-arrow-right\"></i>\n        </div>\n        <div class=\"sidebar-container\">\n          <tabs v-if=\"tabs.length > 1\" :tabTitles=\"tabs\" :activeId=\"activeId\"\n            @titleClicked=\"tabClicked\"/>\n          <template v-for=\"tab in tabs\">\n            <sidebar-content class=\"sidebar-content-container\"\n            v-show=\"tab.id===activeId\" :contextCardEntry=\"tab.contextCard\"\n            :envVars=\"envVars\"\n            v-bind:key=\"tab.id\" :ref=\"tab.id\"\n            @search-changed=\"searchChanged(tab.id, $event)\"/>\n          </template>\n        </div>\n      </div>\n    </el-drawer>\n  </div>\n</template>\n\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\nimport {\n  Drawer,\n  Icon,\n} from \"element-ui\";\nimport lang from \"element-ui/lib/locale/lang/en\";\nimport locale from \"element-ui/lib/locale\";\nimport SidebarContent from './SidebarContent.vue';\nimport EventBus from './EventBus';\nimport Tabs from './Tabs'\n\nlocale.use(lang);\nVue.use(Drawer);\nVue.use(Icon);\n\nexport default {\n  components: {SidebarContent, Tabs },\n  name: \"SideBar\",\n  props: {\n    visible: {\n      type: Boolean,\n      default: false\n    },\n    envVars: {\n      type: Object,\n      default: () => {}\n    },\n    tabs: {\n      type: Array,\n      default: () => [{title:'flatmap', id:1}]\n    },\n    activeId: {\n      type: Number,\n      default: 1\n    },\n    openAtStart: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data: function () {\n    return {\n      drawerOpen: false,\n    }\n  },\n  methods: {\n    searchChanged: function (id, data) {\n      this.$emit(\"search-changed\", {...data, id: id});\n    },\n    close: function () {\n      this.drawerOpen = false;\n    },\n    toggleDrawer: function () {\n      this.drawerOpen = !this.drawerOpen;\n    },\n    openSearch: function(facets, query){\n      this.drawerOpen = true;\n      // Because refs are in v-for, nextTick is needed here\n      Vue.nextTick(()=>{this.$refs[this.activeId][0].openSearch(facets, query)})\n    },\n    addFilter: function(filter){\n      this.drawerOpen = true;\n      filter.AND = true // When we add a filter external, it is currently only with an AND boolean\n\n      // Because refs are in v-for, nextTick is needed here\n      Vue.nextTick(()=>{this.$refs[this.activeId][0].addFilter(filter)})\n    },\n    openNeuronSearch: function(neuron){\n      this.drawerOpen = true;\n      // Because refs are in v-for, nextTick is needed here\n      Vue.nextTick(()=>{this.$refs[this.activeId][0].openSearch('', undefined, 'scicrunch-query-string/', {'field': '*organ.curie', 'curie':neuron})})\n    },\n    tabClicked: function(id) {\n      this.$emit(\"tabClicked\", id);\n    },\n  },\n  created:function() {\n    this.drawerOpen = this.openAtStart;\n  },\n  mounted: function(){\n    EventBus.$on(\"PopoverActionClick\", (payLoad) => {\n      this.$emit(\"actionClick\", payLoad);\n    })\n    EventBus.$on('anatomyFound', (payLoad)=> {\n      this.$emit('search-changed', {\n        type: 'keyword-update',\n        value: payLoad\n      })\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/drawer\";\n@import \"~element-ui/packages/theme-chalk/src/icon\";\n\n.box-card {\n  flex: 3;\n  height: 100%;\n  overflow: hidden;\n  pointer-events: auto;\n}\n\n.side-bar{\n  position: relative;\n  height: 100%;\n  pointer-events: none;\n}\n\n.side-bar ::v-deep .el-drawer:focus{\n  outline:none;\n}\n\n.sidebar-container {\n  height: 100%;\n  flex-flow: column;\n  display: flex;\n}\n\n.open-tab{\n  width: 20px;\n  height: 40px;\n  z-index: 8;\n  position: absolute;\n  top: calc(50vh - 80px);\n  right: 0px;\n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);\n  border: solid 1px $app-primary-color;\n  background-color: #f9f2fc;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.el-icon-arrow-left,\n.el-icon-arrow-right\n{\n  font-weight: 600;\n  margin-top: 12px;\n  color: $app-primary-color;\n  cursor: pointer;\n  pointer-events: auto;\n  transform: scaleY(2.0);\n  text-align: center;\n  vertical-align: middle;\n}\n\n.close-tab{\n  float: left;\n  flex: 1;\n  width: 20px;\n  height: 40px;\n  z-index: 8;\n  margin-top: calc(50vh - 80px);\n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);\n  border: solid 1px $app-primary-color; \n  background-color: #f9f2fc;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.box-card {\n  flex: 3;\n  height: 100%;\n  overflow: hidden;\n  pointer-events: auto;\n}\n\n::v-deep .my-drawer {\n  background: rgba(0,0,0,0);\n  box-shadow: none;\n}\n\n::v-deep .my-drawer .el-drawer__body {\n  height: 100%;\n}\n\n.sidebar-content-container {\n   flex: 1 1 auto;\n}\n\n</style>\n"]}]}