{"version":3,"sources":["webpack:///./src/views/AdminPanel/TabComponent/TabComponent.vue?7f7f","webpack:///./src/views/AdminPanel/TabComponent/TabComponent.vue?196f","webpack:///src/views/AdminPanel/TabComponent/TabComponent.vue","webpack:///./src/views/AdminPanel/TabComponent/TabComponent.vue?d03e","webpack:///./src/views/AdminPanel/TabComponent/TabComponent.vue?0ca6"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","i","key","class","active__class","selectedTab","inactive__class","attrs","on","$event","_v","_s","title","staticRenderFns","name","props","value","type","items","required","data","computed","selectedTabValue","watch","methods","tabChanges","mounted","component","VBtn"],"mappings":"2IAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sBAAsBN,EAAIO,GAAIP,EAAS,OAAE,SAASQ,EAAKC,GAAG,OAAOL,EAAG,MAAM,CAACM,IAAID,GAAG,CAACL,EAAG,QAAQ,CAACE,YAAY,2BAA2BK,MAAM,CAC1PC,cAAeH,GAAKT,EAAIa,YACxBC,gBAAiBL,IAAMT,EAAIa,aAC3BE,MAAM,CAAC,MAAQN,GAAKT,EAAIa,YAAc,UAAY,WAAWG,GAAG,CAAC,MAAQ,SAASC,GAAQjB,EAAIa,YAAcJ,KAAK,CAACL,EAAG,OAAO,CAACJ,EAAIkB,GAAGlB,EAAImB,GAAGX,EAAKY,aAAa,MAAK,IACtKC,EAAkB,GCcP,GACfC,oBACAC,OACAC,OACAC,aAEAC,OACAD,WACAE,cAGAC,gBACA,OACAf,gBAGAgB,UACAC,4BACA,4CAGAC,OACAlB,uBACA,oBAGAmB,SACAC,sBACA,4CAGAC,sBCjDoX,I,yDCQhXC,EAAY,eACd,EACApC,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAc,EAAiB,QAKhC,IAAkBA,EAAW,CAACC,OAAA","file":"js/chunk-7d8450a8.527d9b18.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TabComponent.vue?vue&type=style&index=0&id=02704ee8&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tabDiv d-flex py-5\"},_vm._l((_vm.items),function(item,i){return _c('div',{key:i},[_c('v-btn',{staticClass:\"text-none px-7 py-7 mr-2\",class:{\n        active__class: i == _vm.selectedTab,\n        inactive__class: i !== _vm.selectedTab,\n      },attrs:{\"color\":i == _vm.selectedTab ? '#2d8cff' : '#EAEDF0'},on:{\"click\":function($event){_vm.selectedTab = i}}},[_c('span',[_vm._v(_vm._s(item.title))])])],1)}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"tabDiv d-flex py-5\">\n    <div v-for=\"(item, i) in items\" :key=\"i\">\n      <v-btn\n        class=\"text-none px-7 py-7 mr-2\"\n        :class=\"{\n          active__class: i == selectedTab,\n          inactive__class: i !== selectedTab,\n        }\"\n        :color=\"i == selectedTab ? '#2d8cff' : '#EAEDF0'\"\n        @click=\"selectedTab = i\"\n      >\n        <span>{{ item.title }}</span>\n      </v-btn>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  name: \"TabComponent\",\n  props: {\n    value: {\n      type: String,\n    },\n    items: {\n      type: Array,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      selectedTab: 0,\n    };\n  },\n  computed: {\n    selectedTabValue() {\n      return this.items[this.selectedTab].value;\n    },\n  },\n  watch: {\n    selectedTab() {\n      this.tabChanges();\n    },\n  },\n  methods: {\n    tabChanges() {\n      this.$emit(\"input\", this.selectedTabValue);\n    },\n  },\n  mounted() {},\n};\n</script>\n<style scoped>\n.tabDiv{\n  width: 100%;\n  overflow-x: scroll;\n}\n.active__class {\n}\n.active__class >>> span {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 16px;\n  line-height: 22px;\n  /* identical to box height */\n\n  display: flex;\n  align-items: center;\n\n  color: #ffffff;\n}\n.inactive__class >>> span {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 22px;\n  /* identical to box height */\n\n  display: flex;\n  align-items: center;\n\n  color: #484747;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TabComponent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TabComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TabComponent.vue?vue&type=template&id=02704ee8&scoped=true&\"\nimport script from \"./TabComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./TabComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TabComponent.vue?vue&type=style&index=0&id=02704ee8&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"02704ee8\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\ninstallComponents(component, {VBtn})\n"],"sourceRoot":""}