{"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:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCgpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIlRhYnMiLAogIHByb3BzOiB7CiAgICB0YWJUaXRsZXM6IHsKICAgICAgdHlwZTogQXJyYXksCiAgICAgIGRlZmF1bHQ6ICgpID0+IFtdCiAgICB9LAogICAgYWN0aXZlSWQ6IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0OiAxCiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICB0aXRsZUNsaWNrZWQ6IGZ1bmN0aW9uKGlkKSB7CiAgICAgIHRoaXMuJGVtaXQoInRpdGxlQ2xpY2tlZCIsIGlkKTsKICAgIH0sCiAgfQoKfTsK"},{"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>\n  <div class=\"tab-container\">\n      <div class=\"title\" v-for=\"title in tabTitles\" :key=\"title.id\">\n        <div  class=\"title-text-table\" v-bind:class=\"{ highlightText : (title.id==activeId) }\" v-on:click=\"titleClicked(title.id)\">\n          <div class=\"title-text\">\n            {{title.title}}\n          </div>\n        </div>\n      </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable no-alert, no-console */\n\nexport default {\n  name: \"Tabs\",\n  props: {\n    tabTitles: {\n      type: Array,\n      default: () => []\n    },\n    activeId: {\n      type: Number,\n      default: 1\n    }\n  },\n  methods: {\n    titleClicked: function(id) {\n      this.$emit(\"titleClicked\", id);\n    },\n  }\n\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n\n.tab-container{\n  height: 28px;\n}\n\n.title {\n  width: 101px;\n  height: 28px;\n  border: solid 1px $lineColor1;\n  border-bottom: none;\n  background-color: white;\n  display:inline-block;\n}\n\n.title:hover {\n  cursor: pointer;\n}\n\n.title-text {\n  text-align:center;\n  display: table-cell;\n  vertical-align: middle;\n  font-size: 14px;\n}\n\n.title-text-table {\n  display:table;\n  height: 100%;\n  width: 100%;\n}\n\n.parent-dialog:hover .title-text {\n  color:$app-primary-color;\n}\n\n.highlightText {\n  color:$app-primary-color;\n}\n\n</style>\n"]}]}