{"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=style&index=0&id=fca6d6d6&scoped=true&lang=scss&","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/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/sass-loader/dist/cjs.js","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/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9kcmF3ZXIiOwpAaW1wb3J0ICJ+ZWxlbWVudC11aS9wYWNrYWdlcy90aGVtZS1jaGFsay9zcmMvaWNvbiI7CgouYm94LWNhcmQgewogIGZsZXg6IDM7CiAgaGVpZ2h0OiAxMDAlOwogIG92ZXJmbG93OiBoaWRkZW47CiAgcG9pbnRlci1ldmVudHM6IGF1dG87Cn0KCi5zaWRlLWJhcnsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgaGVpZ2h0OiAxMDAlOwogIHBvaW50ZXItZXZlbnRzOiBub25lOwp9Cgouc2lkZS1iYXIgOjp2LWRlZXAgLmVsLWRyYXdlcjpmb2N1c3sKICBvdXRsaW5lOm5vbmU7Cn0KCi5zaWRlYmFyLWNvbnRhaW5lciB7CiAgaGVpZ2h0OiAxMDAlOwogIGZsZXgtZmxvdzogY29sdW1uOwogIGRpc3BsYXk6IGZsZXg7Cn0KCi5vcGVuLXRhYnsKICB3aWR0aDogMjBweDsKICBoZWlnaHQ6IDQwcHg7CiAgei1pbmRleDogODsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgdG9wOiBjYWxjKDUwdmggLSA4MHB4KTsKICByaWdodDogMHB4OwogIGJveC1zaGFkb3c6IDAgMnB4IDEycHggMCByZ2JhKDAsIDAsIDAsIDAuMDYpOwogIGJvcmRlcjogc29saWQgMXB4ICRhcHAtcHJpbWFyeS1jb2xvcjsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjlmMmZjOwogIHRleHQtYWxpZ246IGNlbnRlcjsKICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOwogIGN1cnNvcjogcG9pbnRlcjsKICBwb2ludGVyLWV2ZW50czogYXV0bzsKfQoKLmVsLWljb24tYXJyb3ctbGVmdCwKLmVsLWljb24tYXJyb3ctcmlnaHQKewogIGZvbnQtd2VpZ2h0OiA2MDA7CiAgbWFyZ2luLXRvcDogMTJweDsKICBjb2xvcjogJGFwcC1wcmltYXJ5LWNvbG9yOwogIGN1cnNvcjogcG9pbnRlcjsKICBwb2ludGVyLWV2ZW50czogYXV0bzsKICB0cmFuc2Zvcm06IHNjYWxlWSgyLjApOwogIHRleHQtYWxpZ246IGNlbnRlcjsKICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOwp9CgouY2xvc2UtdGFiewogIGZsb2F0OiBsZWZ0OwogIGZsZXg6IDE7CiAgd2lkdGg6IDIwcHg7CiAgaGVpZ2h0OiA0MHB4OwogIHotaW5kZXg6IDg7CiAgbWFyZ2luLXRvcDogY2FsYyg1MHZoIC0gODBweCk7CiAgYm94LXNoYWRvdzogMCAycHggMTJweCAwIHJnYmEoMCwgMCwgMCwgMC4wNik7CiAgYm9yZGVyOiBzb2xpZCAxcHggJGFwcC1wcmltYXJ5LWNvbG9yOyAKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjlmMmZjOwogIHRleHQtYWxpZ246IGNlbnRlcjsKICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOwogIGN1cnNvcjogcG9pbnRlcjsKICBwb2ludGVyLWV2ZW50czogYXV0bzsKfQoKLmJveC1jYXJkIHsKICBmbGV4OiAzOwogIGhlaWdodDogMTAwJTsKICBvdmVyZmxvdzogaGlkZGVuOwogIHBvaW50ZXItZXZlbnRzOiBhdXRvOwp9Cgo6OnYtZGVlcCAubXktZHJhd2VyIHsKICBiYWNrZ3JvdW5kOiByZ2JhKDAsMCwwLDApOwogIGJveC1zaGFkb3c6IG5vbmU7Cn0KCjo6di1kZWVwIC5teS1kcmF3ZXIgLmVsLWRyYXdlcl9fYm9keSB7CiAgaGVpZ2h0OiAxMDAlOwp9Cgouc2lkZWJhci1jb250ZW50LWNvbnRhaW5lciB7CiAgIGZsZXg6IDEgMSBhdXRvOwp9Cgo="},{"version":3,"sources":["SideBar.vue"],"names":[],"mappings":";AAsIA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;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"]}]}