{"version":3,"sources":["webpack:///./src/pages/News/index.vue","webpack:///src/pages/News/index.vue","webpack:///./src/pages/News/index.vue?1293","webpack:///./src/pages/News/index.vue?74ec","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"],"names":["render","_vm","this","_c","_self","staticClass","attrs","tabs","currentTab","on","$event","tab","tag","staticRenderFns","name","components","TabBar","Maintenance","NewsSection","data","key","label","computed","component","ref","_l","index","refInFor","onTabChange","class","_v","_s","props","type","Array","default","String","methods","$emit"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,SAAS,CAACG,MAAM,CAAC,KAAOL,EAAIM,KAAK,cAAcN,EAAIO,YAAYC,GAAG,CAAC,oBAAoB,SAASC,GAAQT,EAAIO,WAAWE,GAAQ,qBAAqB,SAASA,GAAQT,EAAIO,WAAWE,MAAWP,EAAG,aAAa,CAACA,EAAGF,EAAIU,IAAI,CAACC,IAAI,eAAe,IAAI,IAEtVC,EAAkB,G,YCaP,GACfC,KAAA,OACAC,WAAA,CACAC,cACAC,gBAAA,gDACAC,gBAAA,4GAEAC,OACA,OACAZ,KAAA,CACA,CAAAa,IAAA,OAAAC,MAAA,UACA,CAAAD,IAAA,cAAAC,MAAA,aACA,CAAAD,IAAA,QAAAC,MAAA,SACA,CAAAD,IAAA,QAAAC,MAAA,iBAEAb,WAAA,SAGAc,SAAA,CACAX,MACA,YAAAH,YACA,WACA,oBACA,kBACA,oBACA,YACA,oBACA,YACA,oBACA,QACA,wBC7C6V,I,YCOzVe,EAAY,eACd,EACAvB,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAU,E,2CClBf,IAAIvB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACqB,IAAI,UAAUnB,YAAY,qEAAqEJ,EAAIwB,GAAIxB,EAAIM,MAAM,SAASI,EAAIe,GAAO,OAAOvB,EAAG,KAAK,CAACiB,IAAIT,EAAIS,IAAII,IAAI,eAAeG,UAAS,EAAKtB,YAAY,+CAA+CI,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAI2B,YAAYF,MAAU,CAACvB,EAAG,IAAI,CAACqB,IAAI,gBAAgBG,UAAS,EAAKtB,YAAY,0CAA0CwB,MAAM5B,EAAIO,aAAeG,EAAIS,IAAM,iBAAmB,iBAAiB,CAACnB,EAAI6B,GAAG,IAAI7B,EAAI8B,GAAGpB,EAAIU,OAAO,OAAOlB,EAAG,MAAM,CAACqB,IAAI,oBAAoBG,UAAS,EAAKtB,YAAY,8BAA8BwB,MAAM5B,EAAIO,aAAeG,EAAIS,IAAM,eAAiB,wBAAuB,IAErvBP,EAAkB,GC2BP,GACfC,KAAA,SACAkB,MAAA,CACAzB,KAAA,CACA0B,KAAAC,MACAC,YAAA,CACA,CAAAf,IAAA,MAAAC,MAAA,SACA,CAAAD,IAAA,MAAAC,MAAA,SACA,CAAAD,IAAA,QAAAC,MAAA,WAGAb,WAAA,CACAyB,KAAAG,OACAD,QAAA,KAGAE,QAAA,CACAT,YAAAF,GACA,KAAAY,MAAA,yBAAA/B,KAAAmB,GAAAN,QC/C8V,I,YCO1VG,EAAY,eACd,EACAvB,EACAa,GACA,EACA,KACA,KACA,MAIa,OAAAU,E","file":"js/chunk-0a87c702.3bf8024b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"h-full\"},[_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}}}),_c('keep-alive',[_c(_vm.tab,{tag:\"component\"})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"h-full\">\n    <TabBar\n      :tabs=\"tabs\"\n      :current-tab.sync=\"currentTab\"\n    />\n    <keep-alive>\n      <component :is=\"tab\" />\n    </keep-alive>\n  </div>\n</template>\n\n<script>\nimport TabBar from '@/common/components/TabBar';\n\nexport default {\n  name: 'News',\n  components: {\n    TabBar,\n    Maintenance: () => import('@/common/components/Maintenance'),\n    NewsSection: () => import('@/components/NewsInformation/News'),\n  },\n  data() {\n    return {\n      tabs: [\n        { key: 'news', label: 'Berita' },\n        { key: 'information', label: 'Informasi' },\n        { key: 'video', label: 'Video' },\n        { key: 'media', label: 'Media Galeri' },\n      ],\n      currentTab: 'news',\n    };\n  },\n  computed: {\n    tab() {\n      switch (this.currentTab) {\n        case 'news':\n          return 'NewsSection';\n        case 'information':\n          return 'Maintenance';\n        case 'video':\n          return 'Maintenance';\n        case 'media':\n          return 'Maintenance';\n        default:\n          return 'Maintenance';\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=4b1b577e\"\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"],"sourceRoot":""}