{"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/Tabs.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/map-side-bar/src/components/Tabs.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:DQovKiBlc2xpbnQtZGlzYWJsZSBuby1hbGVydCwgbm8tY29uc29sZSAqLw0KDQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICJUYWJzIiwNCiAgcHJvcHM6IHsNCiAgICB0YWJUaXRsZXM6IHsNCiAgICAgIHR5cGU6IEFycmF5LA0KICAgICAgZGVmYXVsdDogKCkgPT4gW10NCiAgICB9LA0KICAgIGFjdGl2ZUlkOiB7DQogICAgICB0eXBlOiBOdW1iZXIsDQogICAgICBkZWZhdWx0OiAxDQogICAgfQ0KICB9LA0KICBtZXRob2RzOiB7DQogICAgdGl0bGVDbGlja2VkOiBmdW5jdGlvbihpZCkgew0KICAgICAgdGhpcy4kZW1pdCgidGl0bGVDbGlja2VkIiwgaWQpOw0KICAgIH0sDQogIH0NCg0KfTsNCg=="},{"version":3,"sources":["Tabs.vue"],"names":[],"mappings":";AAaA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA","file":"Tabs.vue","sourceRoot":"node_modules/@abi-software/map-side-bar/src/components","sourcesContent":["<template>\r\n  <div class=\"tab-container\">\r\n      <div class=\"title\" v-for=\"title in tabTitles\" :key=\"title.id\">\r\n        <div  class=\"title-text-table\" v-bind:class=\"{ highlightText : (title.id==activeId) }\" v-on:click=\"titleClicked(title.id)\">\r\n          <div class=\"title-text\">\r\n            {{title.title}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n/* eslint-disable no-alert, no-console */\r\n\r\nexport default {\r\n  name: \"Tabs\",\r\n  props: {\r\n    tabTitles: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    activeId: {\r\n      type: Number,\r\n      default: 1\r\n    }\r\n  },\r\n  methods: {\r\n    titleClicked: function(id) {\r\n      this.$emit(\"titleClicked\", id);\r\n    },\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\r\n.tab-container{\r\n  height: 28px;\r\n}\r\n\r\n.title {\r\n  width: 101px;\r\n  height: 28px;\r\n  border: solid 1px $lineColor1;\r\n  border-bottom: none;\r\n  background-color: white;\r\n  display:inline-block;\r\n}\r\n\r\n.title:hover {\r\n  cursor: pointer;\r\n}\r\n\r\n.title-text {\r\n  text-align:center;\r\n  display: table-cell;\r\n  vertical-align: middle;\r\n  font-size: 14px;\r\n}\r\n\r\n.title-text-table {\r\n  display:table;\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n\r\n.parent-dialog:hover .title-text {\r\n  color:$app-primary-color;\r\n}\r\n\r\n.highlightText {\r\n  color:$app-primary-color;\r\n}\r\n\r\n</style>\r\n"]}]}