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