{"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=76c510e7&prod&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:CgoudGFiLWNvbnRhaW5lcnsKICBoZWlnaHQ6IDI4cHg7Cn0KCi50aXRsZSB7CiAgd2lkdGg6IDEwMXB4OwogIGhlaWdodDogMjhweDsKICBib3JkZXI6IHNvbGlkIDFweCAkbGluZUNvbG9yMTsKICBib3JkZXItYm90dG9tOiBub25lOwogIGJhY2tncm91bmQtY29sb3I6IHdoaXRlOwogIGRpc3BsYXk6aW5saW5lLWJsb2NrOwp9CgoudGl0bGU6aG92ZXIgewogIGN1cnNvcjogcG9pbnRlcjsKfQoKLnRpdGxlLXRleHQgewogIHRleHQtYWxpZ246Y2VudGVyOwogIGRpc3BsYXk6IHRhYmxlLWNlbGw7CiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsKICBmb250LXNpemU6IDE0cHg7Cn0KCi50aXRsZS10ZXh0LXRhYmxlIHsKICBkaXNwbGF5OnRhYmxlOwogIGhlaWdodDogMTAwJTsKICB3aWR0aDogMTAwJTsKfQoKLnBhcmVudC1kaWFsb2c6aG92ZXIgLnRpdGxlLXRleHQgewogIGNvbG9yOiRhcHAtcHJpbWFyeS1jb2xvcjsKfQoKLmhpZ2hsaWdodFRleHQgewogIGNvbG9yOiRhcHAtcHJpbWFyeS1jb2xvcjsKfQoK"},{"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>\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"]}]}