{"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:DQovKiBlc2xpbnQtZGlzYWJsZSBuby1hbGVydCwgbm8tY29uc29sZSAqLw0KaW1wb3J0IFZ1ZSBmcm9tICJ2dWUiOw0KaW1wb3J0IHsNCiAgRHJhd2VyLA0KICBJY29uLA0KfSBmcm9tICJlbGVtZW50LXVpIjsNCmltcG9ydCBsYW5nIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZS9sYW5nL2VuIjsNCmltcG9ydCBsb2NhbGUgZnJvbSAiZWxlbWVudC11aS9saWIvbG9jYWxlIjsNCmltcG9ydCBTaWRlYmFyQ29udGVudCBmcm9tICcuL1NpZGViYXJDb250ZW50LnZ1ZSc7DQppbXBvcnQgRXZlbnRCdXMgZnJvbSAnLi9FdmVudEJ1cyc7DQppbXBvcnQgVGFicyBmcm9tICcuL1RhYnMnDQoNCmxvY2FsZS51c2UobGFuZyk7DQpWdWUudXNlKERyYXdlcik7DQpWdWUudXNlKEljb24pOw0KDQpleHBvcnQgZGVmYXVsdCB7DQogIGNvbXBvbmVudHM6IHtTaWRlYmFyQ29udGVudCwgVGFicyB9LA0KICBuYW1lOiAiU2lkZUJhciIsDQogIHByb3BzOiB7DQogICAgdmlzaWJsZTogew0KICAgICAgdHlwZTogQm9vbGVhbiwNCiAgICAgIGRlZmF1bHQ6IGZhbHNlDQogICAgfSwNCiAgICBlbnZWYXJzOiB7DQogICAgICB0eXBlOiBPYmplY3QsDQogICAgICBkZWZhdWx0OiAoKSA9PiB7fQ0KICAgIH0sDQogICAgdGFiczogew0KICAgICAgdHlwZTogQXJyYXksDQogICAgICBkZWZhdWx0OiAoKSA9PiBbe3RpdGxlOidmbGF0bWFwJywgaWQ6MX1dDQogICAgfSwNCiAgICBhY3RpdmVJZDogew0KICAgICAgdHlwZTogTnVtYmVyLA0KICAgICAgZGVmYXVsdDogMQ0KICAgIH0sDQogICAgb3BlbkF0U3RhcnQ6IHsNCiAgICAgIHR5cGU6IEJvb2xlYW4sDQogICAgICBkZWZhdWx0OiBmYWxzZQ0KICAgIH0NCiAgfSwNCiAgZGF0YTogZnVuY3Rpb24gKCkgew0KICAgIHJldHVybiB7DQogICAgICBkcmF3ZXJPcGVuOiBmYWxzZSwNCiAgICB9DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBzZWFyY2hDaGFuZ2VkOiBmdW5jdGlvbiAoaWQsIGRhdGEpIHsNCiAgICAgIHRoaXMuJGVtaXQoInNlYXJjaC1jaGFuZ2VkIiwgey4uLmRhdGEsIGlkOiBpZH0pOw0KICAgIH0sDQogICAgY2xvc2U6IGZ1bmN0aW9uICgpIHsNCiAgICAgIHRoaXMuZHJhd2VyT3BlbiA9IGZhbHNlOw0KICAgIH0sDQogICAgdG9nZ2xlRHJhd2VyOiBmdW5jdGlvbiAoKSB7DQogICAgICB0aGlzLmRyYXdlck9wZW4gPSAhdGhpcy5kcmF3ZXJPcGVuOw0KICAgIH0sDQogICAgb3BlblNlYXJjaDogZnVuY3Rpb24oZmFjZXRzLCBxdWVyeSl7DQogICAgICB0aGlzLmRyYXdlck9wZW4gPSB0cnVlOw0KICAgICAgLy8gQmVjYXVzZSByZWZzIGFyZSBpbiB2LWZvciwgbmV4dFRpY2sgaXMgbmVlZGVkIGhlcmUNCiAgICAgIFZ1ZS5uZXh0VGljaygoKT0+e3RoaXMuJHJlZnNbdGhpcy5hY3RpdmVJZF1bMF0ub3BlblNlYXJjaChmYWNldHMsIHF1ZXJ5KX0pDQogICAgfSwNCiAgICBhZGRGaWx0ZXI6IGZ1bmN0aW9uKGZpbHRlcil7DQogICAgICB0aGlzLmRyYXdlck9wZW4gPSB0cnVlOw0KICAgICAgZmlsdGVyLkFORCA9IHRydWUgLy8gV2hlbiB3ZSBhZGQgYSBmaWx0ZXIgZXh0ZXJuYWwsIGl0IGlzIGN1cnJlbnRseSBvbmx5IHdpdGggYW4gQU5EIGJvb2xlYW4NCg0KICAgICAgLy8gQmVjYXVzZSByZWZzIGFyZSBpbiB2LWZvciwgbmV4dFRpY2sgaXMgbmVlZGVkIGhlcmUNCiAgICAgIFZ1ZS5uZXh0VGljaygoKT0+e3RoaXMuJHJlZnNbdGhpcy5hY3RpdmVJZF1bMF0uYWRkRmlsdGVyKGZpbHRlcil9KQ0KICAgIH0sDQogICAgb3Blbk5ldXJvblNlYXJjaDogZnVuY3Rpb24obmV1cm9uKXsNCiAgICAgIHRoaXMuZHJhd2VyT3BlbiA9IHRydWU7DQogICAgICAvLyBCZWNhdXNlIHJlZnMgYXJlIGluIHYtZm9yLCBuZXh0VGljayBpcyBuZWVkZWQgaGVyZQ0KICAgICAgVnVlLm5leHRUaWNrKCgpPT57dGhpcy4kcmVmc1t0aGlzLmFjdGl2ZUlkXVswXS5vcGVuU2VhcmNoKCcnLCB1bmRlZmluZWQsICdzY2ljcnVuY2gtcXVlcnktc3RyaW5nLycsIHsnZmllbGQnOiAnKm9yZ2FuLmN1cmllJywgJ2N1cmllJzpuZXVyb259KX0pDQogICAgfSwNCiAgICBnZXRBbGdvbGlhRmFjZXRzOiBhc3luYyBmdW5jdGlvbigpew0KICAgICAgcmV0dXJuIGF3YWl0IHRoaXMuJHJlZnNbdGhpcy5hY3RpdmVJZF1bMF0uZ2V0QWxnb2xpYUZhY2V0cygpDQogICAgfSwNCiAgICBzZXREcmF3ZXJPcGVuOiBmdW5jdGlvbih2YWx1ZT10cnVlKXsNCiAgICAgIHRoaXMuZHJhd2VyT3BlbiA9IHZhbHVlOw0KICAgIH0sDQogICAgdGFiQ2xpY2tlZDogZnVuY3Rpb24oaWQpIHsNCiAgICAgIHRoaXMuJGVtaXQoInRhYkNsaWNrZWQiLCBpZCk7DQogICAgfSwNCiAgfSwNCiAgY3JlYXRlZDpmdW5jdGlvbigpIHsNCiAgICB0aGlzLmRyYXdlck9wZW4gPSB0aGlzLm9wZW5BdFN0YXJ0Ow0KICB9LA0KICBtb3VudGVkOiBmdW5jdGlvbigpew0KICAgIEV2ZW50QnVzLiRvbigiUG9wb3ZlckFjdGlvbkNsaWNrIiwgKHBheUxvYWQpID0+IHsNCiAgICAgIHRoaXMuJGVtaXQoImFjdGlvbkNsaWNrIiwgcGF5TG9hZCk7DQogICAgfSkNCiAgICBFdmVudEJ1cy4kb24oJ2F2YWlsYWJsZS1mYWNldHMnLCAocGF5TG9hZCk9PiB7DQogICAgICB0aGlzLiRlbWl0KCdzZWFyY2gtY2hhbmdlZCcsIHsNCiAgICAgICAgdHlwZTogJ2F2YWlsYWJsZS1mYWNldHMnLA0KICAgICAgICB2YWx1ZTogcGF5TG9hZA0KICAgICAgfSkNCiAgICB9KQ0KICAgIEV2ZW50QnVzLiRvbignY29udGV4dFVwZGF0ZScsIChwYXlMb2FkKT0+IHsNCiAgICAgIHRoaXMuJGVtaXQoJ2NvbnRleHRVcGRhdGUnLCBwYXlMb2FkKQ0KICAgIH0pDQogIH0NCn07DQo="},{"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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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"]}]}