{"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=style&index=0&id=64326c16&scoped=true&lang=scss&","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/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:DQoNCi50YWItY29udGFpbmVyew0KICBoZWlnaHQ6IDI4cHg7DQp9DQoNCi50aXRsZSB7DQogIHdpZHRoOiAxMDFweDsNCiAgaGVpZ2h0OiAyOHB4Ow0KICBib3JkZXI6IHNvbGlkIDFweCAkbGluZUNvbG9yMTsNCiAgYm9yZGVyLWJvdHRvbTogbm9uZTsNCiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7DQogIGRpc3BsYXk6aW5saW5lLWJsb2NrOw0KfQ0KDQoudGl0bGU6aG92ZXIgew0KICBjdXJzb3I6IHBvaW50ZXI7DQp9DQoNCi50aXRsZS10ZXh0IHsNCiAgdGV4dC1hbGlnbjpjZW50ZXI7DQogIGRpc3BsYXk6IHRhYmxlLWNlbGw7DQogIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7DQogIGZvbnQtc2l6ZTogMTRweDsNCn0NCg0KLnRpdGxlLXRleHQtdGFibGUgew0KICBkaXNwbGF5OnRhYmxlOw0KICBoZWlnaHQ6IDEwMCU7DQogIHdpZHRoOiAxMDAlOw0KfQ0KDQoucGFyZW50LWRpYWxvZzpob3ZlciAudGl0bGUtdGV4dCB7DQogIGNvbG9yOiRhcHAtcHJpbWFyeS1jb2xvcjsNCn0NCg0KLmhpZ2hsaWdodFRleHQgew0KICBjb2xvcjokYXBwLXByaW1hcnktY29sb3I7DQp9DQoNCg=="},{"version":3,"sources":["Tabs.vue"],"names":[],"mappings":";;AAuCA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA","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"]}]}