{"version":3,"sources":["webpack:///./src/pages/Settings/index.vue","webpack:///src/pages/Settings/index.vue","webpack:///./src/pages/Settings/index.vue?c25b","webpack:///./src/pages/Settings/index.vue?02ca","webpack:///./src/common/components/TabBar.vue","webpack:///src/common/components/TabBar.vue","webpack:///./src/common/components/TabBar.vue?93fb","webpack:///./src/common/components/TabBar.vue?244c","webpack:///./src/common/components/Restricted.vue","webpack:///src/common/components/Restricted.vue","webpack:///./src/common/components/Restricted.vue?9263","webpack:///./src/common/components/Restricted.vue?4fa1"],"names":["render","_vm","this","_c","_self","staticClass","attrs","tabs","currentTab","on","$event","tab","tag","staticRenderFns","name","components","TabBar","Restricted","AccountSettings","MemberSettings","data","key","label","computed","component","ref","_l","index","refInFor","onTabChange","class","_v","_s","props","type","Array","default","String","methods","$emit","isPermitted","_t","_e","permission","$hasPermission"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,WAAa,gBAAgB,CAACH,EAAG,SAAS,CAACG,MAAM,CAAC,KAAOL,EAAIM,KAAK,cAAcN,EAAIO,YAAYC,GAAG,CAAC,oBAAoB,SAASC,GAAQT,EAAIO,WAAWE,GAAQ,qBAAqB,SAASA,GAAQT,EAAIO,WAAWE,OAAY,GAAGP,EAAG,aAAa,CAACA,EAAGF,EAAIU,IAAI,CAACC,IAAI,eAAe,IAAI,IAEhZC,EAAkB,G,wBCgBP,GACfC,KAAA,WACAC,WAAA,CACAC,cACAC,kBACAC,oBAAA,qFACAC,mBAAA,4GAEAC,OACA,OACAb,KAAA,CACA,CAAAc,IAAA,OAAAC,MAAA,QACA,CAAAD,IAAA,UAAAC,MAAA,YAEAd,WAAA,SAGAe,SAAA,CACAZ,MACA,YAAAH,YACA,WACA,wBACA,cACA,uBACA,QACA,4BC3C6V,I,YCOzVgB,EAAY,eACd,EACAxB,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAW,E,2CClBf,IAAIxB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACsB,IAAI,UAAUpB,YAAY,qEAAqEJ,EAAIyB,GAAIzB,EAAIM,MAAM,SAASI,EAAIgB,GAAO,OAAOxB,EAAG,KAAK,CAACkB,IAAIV,EAAIU,IAAII,IAAI,eAAeG,UAAS,EAAKvB,YAAY,+CAA+CI,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAI4B,YAAYF,MAAU,CAACxB,EAAG,IAAI,CAACsB,IAAI,gBAAgBG,UAAS,EAAKvB,YAAY,0CAA0CyB,MAAM7B,EAAIO,aAAeG,EAAIU,IAAM,iBAAmB,iBAAiB,CAACpB,EAAI8B,GAAG,IAAI9B,EAAI+B,GAAGrB,EAAIW,OAAO,OAAOnB,EAAG,MAAM,CAACsB,IAAI,oBAAoBG,UAAS,EAAKvB,YAAY,8BAA8ByB,MAAM7B,EAAIO,aAAeG,EAAIU,IAAM,eAAiB,wBAAuB,IAErvBR,EAAkB,GC2BP,GACfC,KAAA,SACAmB,MAAA,CACA1B,KAAA,CACA2B,KAAAC,MACAC,YAAA,CACA,CAAAf,IAAA,MAAAC,MAAA,SACA,CAAAD,IAAA,MAAAC,MAAA,SACA,CAAAD,IAAA,QAAAC,MAAA,WAGAd,WAAA,CACA0B,KAAAG,OACAD,QAAA,KAGAE,QAAA,CACAT,YAAAF,GACA,KAAAY,MAAA,yBAAAhC,KAAAoB,GAAAN,QC/C8V,I,YCO1VG,EAAY,eACd,EACAxB,EACAa,GACA,EACA,KACA,KACA,MAIa,OAAAW,E,2CClBf,IAAIxB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAIuC,YAAarC,EAAG,MAAM,CAACF,EAAIwC,GAAG,YAAY,GAAGxC,EAAIyC,MAErH7B,EAAkB,GCKP,GACfC,KAAA,aACAmB,MAAA,CACAU,WAAA,CACAT,KAAAG,OACAD,QAAA,OAGAb,SAAA,CACAiB,cACA,YAAAI,eAAA,KAAAD,eCjBkW,I,YCO9VnB,EAAY,eACd,EACAxB,EACAa,GACA,EACA,KACA,KACA,MAIa,OAAAW,E","file":"js/chunk-5a40e518.06fa1bce.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"h-full\"},[_c('Restricted',{attrs:{\"permission\":\"user.manage\"}},[_c('TabBar',{attrs:{\"tabs\":_vm.tabs,\"current-tab\":_vm.currentTab},on:{\"update:currentTab\":function($event){_vm.currentTab=$event},\"update:current-tab\":function($event){_vm.currentTab=$event}}})],1),_c('keep-alive',[_c(_vm.tab,{tag:\"component\"})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"h-full\">\n    <Restricted permission=\"user.manage\">\n      <TabBar\n        :tabs=\"tabs\"\n        :current-tab.sync=\"currentTab\"\n      />\n    </Restricted>\n    <keep-alive>\n      <component :is=\"tab\" />\n    </keep-alive>\n  </div>\n</template>\n\n<script>\nimport TabBar from '@/common/components/TabBar';\nimport Restricted from '@/common/components/Restricted';\n\nexport default {\n  name: 'Settings',\n  components: {\n    TabBar,\n    Restricted,\n    AccountSettings: () => import('@/components/Settings/Account'),\n    MemberSettings: () => import('@/components/Settings/Member'),\n  },\n  data() {\n    return {\n      tabs: [\n        { key: 'akun', label: 'Akun' },\n        { key: 'anggota', label: 'Anggota' },\n      ],\n      currentTab: 'akun',\n    };\n  },\n  computed: {\n    tab() {\n      switch (this.currentTab) {\n        case 'akun':\n          return 'AccountSettings';\n        case 'anggota':\n          return 'MemberSettings';\n        default:\n          return 'AccountSettings';\n      }\n    },\n  },\n\n};\n</script>\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!./index.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!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=63efe70c\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('ul',{ref:\"tab-bar\",staticClass:\"w-full min-h-[48px] flex gap-3 px-4 bg-white rounded-lg mb-[14px]\"},_vm._l((_vm.tabs),function(tab,index){return _c('li',{key:tab.key,ref:\"tab-bar-item\",refInFor:true,staticClass:\"flex flex-col justify-between cursor-pointer\",on:{\"click\":function($event){return _vm.onTabChange(index)}}},[_c('p',{ref:\"tab-bar-label\",refInFor:true,staticClass:\"mt-3 px-3 font-lato font-medium text-sm\",class:_vm.currentTab === tab.key ? 'text-green-700' : 'text-gray-700'},[_vm._v(\" \"+_vm._s(tab.label)+\" \")]),_c('div',{ref:\"tab-bar-indicator\",refInFor:true,staticClass:\"w-full h-[3px] rounded-t-lg\",class:_vm.currentTab === tab.key ? 'bg-green-700' : 'bg-transparent'})])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <ul\n    ref=\"tab-bar\"\n    class=\"w-full min-h-[48px] flex gap-3 px-4 bg-white rounded-lg mb-[14px]\"\n  >\n    <li\n      v-for=\"(tab, index) in tabs\"\n      ref=\"tab-bar-item\"\n      :key=\"tab.key\"\n      class=\"flex flex-col justify-between cursor-pointer\"\n      @click=\"onTabChange(index)\"\n    >\n      <p\n        ref=\"tab-bar-label\"\n        class=\"mt-3 px-3 font-lato font-medium text-sm\"\n        :class=\"currentTab === tab.key ? 'text-green-700' : 'text-gray-700'\"\n      >\n        {{ tab.label }}\n      </p>\n      <div\n        ref=\"tab-bar-indicator\"\n        class=\"w-full h-[3px] rounded-t-lg\"\n        :class=\"currentTab === tab.key ? 'bg-green-700' : 'bg-transparent'\"\n      />\n    </li>\n  </ul>\n</template>\n\n<script>\nexport default {\n  name: 'TabBar',\n  props: {\n    tabs: {\n      type: Array,\n      default: () => [\n        { key: 'one', label: 'Tab 1' },\n        { key: 'two', label: 'Tab 2' },\n        { key: 'three', label: 'Tab 3' },\n      ],\n    },\n    currentTab: {\n      type: String,\n      default: '',\n    },\n  },\n  methods: {\n    onTabChange(index) {\n      this.$emit('update:currentTab', this.tabs[index].key);\n    },\n  },\n};\n</script>\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!./TabBar.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!./TabBar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TabBar.vue?vue&type=template&id=5451bbc8\"\nimport script from \"./TabBar.vue?vue&type=script&lang=js\"\nexport * from \"./TabBar.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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.isPermitted)?_c('div',[_vm._t(\"default\")],2):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"isPermitted\">\n    <slot />\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'Restricted',\n  props: {\n    permission: {\n      type: String,\n      default: null,\n    },\n  },\n  computed: {\n    isPermitted() {\n      return this.$hasPermission(this.permission);\n    },\n  },\n};\n</script>\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!./Restricted.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!./Restricted.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Restricted.vue?vue&type=template&id=02246fb8\"\nimport script from \"./Restricted.vue?vue&type=script&lang=js\"\nexport * from \"./Restricted.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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}