{"version":3,"sources":["webpack:///./src/js/components/common/VTabs.vue?0470","webpack:///src/js/components/common/VTabs.vue","webpack:///./src/js/components/common/VTabs.vue?843f","webpack:///./src/js/components/common/VTabs.vue","webpack:///./src/js/pages/Settings.vue?b4db","webpack:///src/js/pages/Settings.vue","webpack:///./src/js/pages/Settings.vue?e2b5","webpack:///./src/js/pages/Settings.vue","webpack:///./src/js/components/common/VTabs.vue?ec8a"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","tab","key","component","class","selectedTab","on","$event","onSelect","_v","_s","title","staticRenderFns","name","props","tabs","type","Array","required","String","methods","$emit","attrs","_selectedTab","handleTabClick","components","data","computed","tabKey","mounted","$route","path","$router","push"],"mappings":"qIAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,eAAeN,EAAIO,GAAIP,EAAQ,MAAE,SAASQ,GAAK,OAAOJ,EAAG,MAAM,CAACK,IAAID,EAAIE,UAAUJ,YAAY,cAAcK,MAAM,CAAC,sBAAuBH,EAAIE,YAAcV,EAAIY,aAAaC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOd,EAAIe,SAASP,MAAQ,CAACR,EAAIgB,GAAG,IAAIhB,EAAIiB,GAAGT,EAAIU,OAAO,UAAS,MAChaC,EAAkB,GCgBtB,GACEC,KAAM,QACNC,MAAO,CACLC,KAAM,CACJC,KAAMC,MACNC,UAAU,GAEZb,YAAa,CACXW,KAAMG,OACND,UAAU,IAGdE,QAAS,CACPZ,SADJ,SACA,GACMd,KAAK2B,MAAM,QAASpB,MC/BmV,I,wBCQzWE,EAAY,eACd,EACAX,EACAoB,GACA,EACA,KACA,WACA,MAIa,OAAAT,E,oDCnBf,IAAIX,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,KAAK,CAACE,YAAY,cAAc,CAACN,EAAIgB,GAAG,cAAcZ,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,QAAQ,CAACyB,MAAM,CAAC,KAAO7B,EAAIsB,KAAK,eAAetB,EAAI8B,cAAcjB,GAAG,CAAC,MAAQb,EAAI+B,mBAAmB,GAAG3B,EAAG,gBAAgB,IAC3Te,EAAkB,G,kCCYtB,GACEC,KAAM,WACNY,WAAY,CAAd,cACEC,KAHF,WAII,MAAO,CACLX,KAAM,CACZ,CAAQ,MAAR,UAAQ,UAAR,WACA,CAAQ,MAAR,wBAAQ,UAAR,YACA,CAAQ,MAAR,kBAAQ,UAAR,YACA,CAAQ,MAAR,gBAAQ,UAAR,oBAIEY,SAAU,CACRJ,aADJ,WAEM,IAAN,8BACA,gBACM,OAAOK,IAGXC,QApBF,WAqB6B,cAArBnC,KAAKoC,OAAOC,MACdrC,KAAKsC,QAAQC,KAAK,sBAGtBb,QAAS,CACPI,eADJ,SACA,GACM9B,KAAKsC,QAAQC,KAAK,aAAxB,wBCxCiW,I,YCO7V9B,EAAY,eACd,EACAX,EACAoB,GACA,EACA,KACA,WACA,MAIa,aAAAT,E,2CClBf","file":"js/settings.171e3c1f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"v-tabs\"},[_c('div',{staticClass:\"v-tabs__row\"},_vm._l((_vm.tabs),function(tab){return _c('div',{key:tab.component,staticClass:\"v-tabs__tab\",class:{'v-tabs__tab--active': tab.component === _vm.selectedTab},on:{\"click\":function($event){return _vm.onSelect(tab)}}},[_vm._v(\" \"+_vm._s(tab.title)+\" \")])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"v-tabs\">\n    <div class=\"v-tabs__row\">\n      <div\n          class=\"v-tabs__tab\"\n          :class=\"{'v-tabs__tab--active': tab.component === selectedTab}\"\n          v-for=\"tab in tabs\"\n          :key=\"tab.component\"\n          @click=\"onSelect(tab)\"\n      >\n        {{ tab.title }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'VTabs',\n  props: {\n    tabs: {\n      type: Array,\n      required: true\n    },\n    selectedTab: {\n      type: String,\n      required: true,\n    }\n  },\n  methods: {\n    onSelect(tab) {\n      this.$emit('click', tab);\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.v-tabs {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &__row {\n    display: flex;\n    column-gap: 47px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid #DDE4EB;\n  }\n\n  &__tab {\n    text-transform: uppercase;\n    font-weight: 600;\n    position: relative;\n    cursor: pointer;\n\n    &::before {\n      content: \"\";\n      position: absolute;\n      bottom: -17px;\n      left: 0;\n      width: 100%;\n      height: 2px;\n      display: none;\n      background: var(--orange-main);\n    }\n\n    &--active {\n      color: var(--orange-main);\n\n      &::before {\n        display: block;\n      }\n    }\n  }\n}\n</style>","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!./VTabs.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!./VTabs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VTabs.vue?vue&type=template&id=398e22d0&scoped=true&\"\nimport script from \"./VTabs.vue?vue&type=script&lang=js&\"\nexport * from \"./VTabs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VTabs.vue?vue&type=style&index=0&id=398e22d0&lang=scss&scoped=true&\"\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  \"398e22d0\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h2',{staticClass:\"title-page\"},[_vm._v(\"Settings\")]),_c('div',{staticClass:\"mb-5\"},[_c('VTabs',{attrs:{\"tabs\":_vm.tabs,\"selected-tab\":_vm._selectedTab},on:{\"click\":_vm.handleTabClick}})],1),_c('router-view')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <h2 class=\"title-page\">Settings</h2>\n    <div class=\"mb-5\">\n      <VTabs :tabs=\"tabs\" :selected-tab=\"_selectedTab\" @click=\"handleTabClick\"/>\n    </div>\n    <router-view></router-view>\n  </div>\n</template>\n\n<script>\nimport VTabs from '@/js/components/common/VTabs';\n\nexport default {\n  name: \"Settings\",\n  components: {VTabs},\n  data() {\n    return {\n      tabs: [\n        {title: 'Profile', component: 'profile'},\n        {title: 'Password and Security', component: 'security'},\n        {title: 'Global Postback', component: 'postback'},\n        {title: 'Notifications', component: 'notifications'}\n      ],\n    }\n  },\n  computed: {\n    _selectedTab() {\n      const splitPath = this.$route.path.split('/');\n      const tabKey = splitPath[splitPath.length - 1];\n      return tabKey;\n    },\n  },\n  mounted() {\n    if (this.$route.path === '/settings') {\n      this.$router.push('/settings/profile');\n    }\n  },\n  methods: {\n    handleTabClick(tab) {\n      this.$router.push(`/settings/${tab.component}`);\n    }\n  }\n}\n</script>\n\n<style scoped>\n\n</style>","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!./Settings.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!./Settings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Settings.vue?vue&type=template&id=0b4eda07&scoped=true&\"\nimport script from \"./Settings.vue?vue&type=script&lang=js&\"\nexport * from \"./Settings.vue?vue&type=script&lang=js&\"\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  \"0b4eda07\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VTabs.vue?vue&type=style&index=0&id=398e22d0&lang=scss&scoped=true&\""],"sourceRoot":""}