{"version":3,"sources":["webpack:///./src/views/withdrawal/AddBankAccount.vue","webpack:///./src/utils/debounce.js","webpack:///src/views/withdrawal/AddBankAccount.vue","webpack:///./src/views/withdrawal/AddBankAccount.vue?5298","webpack:///./src/views/withdrawal/AddBankAccount.vue?063e","webpack:///./src/views/withdrawal/AddBankAccount.vue?775f","webpack:///./src/components/InputComponent.vue?7203","webpack:///./src/components/InputComponent.vue","webpack:///src/components/InputComponent.vue","webpack:///./src/components/InputComponent.vue?cd24","webpack:///./src/components/InputComponent.vue?3b02"],"names":["render","_vm","this","_c","_self","staticClass","_v","attrs","isLoadingGetBankList","bankList","length","on","setBankList","bankOptions","model","value","bankChosen","callback","$$v","expression","accountNumber","isLoadingAddBankAccount","addBankAccountStatus","logoSearch","addBankAccountVerifiedData","logoCode","_s","accountName","_e","$event","nextStep","_m","isLoadingBankListApproved","isErrorBankListApproved","setBankListApproved","bankListApproved","_l","item","key","_id","bankLogo","class","concat","status","bankName","staticRenderFns","debounce","func","timer","delay","arguments","undefined","_len","args","Array","_key","context","clearTimeout","setTimeout","apply","name","mixins","useBankAccount","components","Banner","Select","LogoAbi","Breadcrumbs","Loader","InputComponent","data","debouncedSearch","computed","map","bank","code","label","logo","watch","verified","created","addBankAccountFunc","methods","addBankAccount","_this","Alert","open","type","title","description","onConfirm","_onConfirm","_asyncToGenerator","regeneratorRuntime","mark","_callee","wrap","_context","prev","next","$store","commit","$router","push","stop","component","isPrepend","_t","isAppend","placeholder","$emit","target","onlyNumbers","props","Boolean","default","String","numberOnly","event","test","preventDefault"],"mappings":"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","file":"js/chunk-297ecf86.dfb71722.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content text-white\"},[_c('div',{staticClass:\"text-3.5xl mb-3\"},[_vm._v(\"Tambah Rekening Bank\")]),_c('div',{staticClass:\"text-xs mb-8\"},[_c('Breadcrumbs')],1),_c('div',{staticClass:\"grid grid-cols-70-30 gap-12\"},[_c('div',[_c('div',{staticClass:\"card rounded-b-none p-5 mb-0.5\"},[_c('Banner',{staticClass:\"mb-5\",attrs:{\"text\":\"Pastikan kepemilikan nomor rekening yang dimasukkan atas nama Anda\",\"iconColor_prop\":\"gold\"}}),_c('div',{staticClass:\"flex justify-center items-center flex--same-width mb-5\"},[_c('label',{staticClass:\"text-white\",attrs:{\"for\":\"bank\"}},[_vm._v(\"Bank\")]),(_vm.isLoadingGetBankList)?_c('div',{staticClass:\"text-right\"},[_c('Loader')],1):(_vm.bankList.length < 1)?_c('div',{staticClass:\"text-right\"},[_c('span',{staticClass:\"mr-5\"},[_vm._v(\"Gagal memuat data\")]),_c('button',{staticClass:\"btn bg-theme\",on:{\"click\":_vm.setBankList}},[_vm._v(\"Retry\")])]):_c('Select',{attrs:{\"options\":_vm.bankOptions,\"placeholderProp\":\"Pilih Bank\"},model:{value:(_vm.bankChosen),callback:function ($$v) {_vm.bankChosen=$$v},expression:\"bankChosen\"}})],1),_c('div',{staticClass:\"flex justify-center items-center flex--same-width mb-5\"},[_c('label',{staticClass:\"text-white\",attrs:{\"for\":\"accountNumber\"}},[_vm._v(\"Nomor Rekening\")]),_c('InputComponent',{attrs:{\"type\":\"text\",\"numberOnly\":true,\"placeholder\":\"Masukkan no rekening\"},model:{value:(_vm.accountNumber),callback:function ($$v) {_vm.accountNumber=$$v},expression:\"accountNumber\"}})],1),(_vm.isLoadingAddBankAccount)?_c('div',{staticClass:\"flex justify-center items-center\"},[_c('Loader')],1):(_vm.addBankAccountStatus == 'verified')?_c('div',[_c('Banner',{staticClass:\"mb-5\",attrs:{\"type\":\"success\"}},[_c('div',{staticClass:\"text-sm\"},[_c('div',{staticClass:\"mb-3\"},[_vm._v(\"Nomor rekening sesuai\")]),_c('div',{staticClass:\"flex gap-3\"},[_c('div',[_c('img',{staticClass:\"h-5 w-5\",attrs:{\"src\":_vm.logoSearch(_vm.addBankAccountVerifiedData.logoCode),\"alt\":\"\"}})]),_c('div',{staticClass:\"font-bold\"},[_vm._v(_vm._s(_vm.addBankAccountVerifiedData.accountName))])])])])],1):_vm._e()],1),_c('div',{staticClass:\"card rounded-t-none p-5\"},[_c('button',{staticClass:\"btn c-btn-theme w-100\",attrs:{\"disabled\":_vm.addBankAccountStatus != 'verified'},on:{\"click\":function($event){return _vm.nextStep()}}},[_vm._v(\"Verifikasi\")])])]),_c('div',[_vm._m(0),_c('div',{staticClass:\"card rounded-t-none p-5\"},[(_vm.isLoadingBankListApproved)?[_c('div',{staticClass:\"flex justify-center items-center\"},[_c('Loader')],1)]:(_vm.isErrorBankListApproved)?[_c('div',{staticClass:\"text-center mb-5\"},[_vm._v(\"Gagal memuat data\")]),_c('button',{staticClass:\"btn bg-theme w-100\",on:{\"click\":_vm.setBankListApproved}},[_vm._v(\"Retry\")])]:(_vm.bankListApproved.length < 1)?[_c('div',{staticClass:\"text-xs text-center\"},[_vm._v(\"Anda belum memiliki rekening bank yang disetujui\")])]:_vm._l((_vm.bankListApproved),function(item){return _c('div',{key:item._id,staticClass:\"flex items-center gap-3 mb-5\"},[_c('div',{staticClass:\"w-6\"},[_c('img',{attrs:{\"src\":item.bankLogo,\"alt\":\"Logo\"}})]),_c('div',{staticClass:\"text-xs\"},[_c('div',{staticClass:\"mb-1\"},[_vm._v(\" \"+_vm._s(item.accountName)+\" \"),_c('span',{class:[`${item.status == 'Terverifikasi' ? 'success' : 'gold'}`, 'ml-2']},[_vm._v(\" \"+_vm._s(item.status)+\" \")])]),_c('div',[_vm._v(_vm._s(item.bankName)+\" - \"+_vm._s(item.accountNumber))])])])})],2)])]),_c('router-view')],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card rounded-b-none p-5 mb-0.5\"},[_c('div',{staticClass:\"text-sm\"},[_vm._v(\"Daftar Rekening Penerima\")])])\n}]\n\nexport { render, staticRenderFns }","export function debounce(func, delay = 300) {\n  let timer;\n  return function (...args) {\n    const context = this; // Preserve the context of the Vue component\n    clearTimeout(timer);\n    timer = setTimeout(() => func.apply(context, args), delay);\n  };\n}\n","<template>\n\t<div class=\"content text-white\">\n\t\t<div class=\"text-3.5xl mb-3\">Tambah Rekening Bank</div>\n\t\t<div class=\"text-xs mb-8\">\n\t\t\t<Breadcrumbs />\n\t\t</div>\n\n\t\t<div class=\"grid grid-cols-70-30 gap-12\">\n\t\t\t<div>\n\t\t\t\t<div class=\"card rounded-b-none p-5 mb-0.5\">\n\t\t\t\t\t<Banner text=\"Pastikan kepemilikan nomor rekening yang dimasukkan atas nama Anda\" iconColor_prop=\"gold\"\n\t\t\t\t\t\tclass=\"mb-5\" />\n\n\t\t\t\t\t<div class=\"flex justify-center items-center flex--same-width mb-5\">\n\t\t\t\t\t\t<label class=\"text-white\" for=\"bank\">Bank</label>\n\t\t\t\t\t\t<div v-if=\"isLoadingGetBankList\" class=\"text-right\">\n\t\t\t\t\t\t\t<Loader />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div v-else-if=\"bankList.length < 1\" class=\"text-right\">\n\t\t\t\t\t\t\t<span class=\"mr-5\">Gagal memuat data</span>\n\t\t\t\t\t\t\t<!-- button retry -->\n\t\t\t\t\t\t\t<button class=\"btn bg-theme\" @click=\"setBankList\">Retry</button>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<Select v-else :options=\"bankOptions\" placeholderProp=\"Pilih Bank\" v-model=\"bankChosen\" />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"flex justify-center items-center flex--same-width mb-5\">\n\t\t\t\t\t\t<label class=\"text-white\" for=\"accountNumber\">Nomor Rekening</label>\n\t\t\t\t\t\t<InputComponent type=\"text\" :numberOnly=\"true\" placeholder=\"Masukkan no rekening\" v-model=\"accountNumber\"\n\t\t\t\t\t\t\t />\n\t\t\t\t\t\t<!-- <div>\n\t\t\t\t\t\t\t<input class=\"input\" type=\"text\" placeholder=\"Masukkan no rekening\" v-model=\"accountNumber\">\n\t\t\t\t\t\t</div> -->\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div v-if=\"isLoadingAddBankAccount\" class=\"flex justify-center items-center\">\n\t\t\t\t\t\t<Loader />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div v-else-if=\"addBankAccountStatus == 'verified'\">\n\t\t\t\t\t\t<Banner class=\"mb-5\" type=\"success\">\n\t\t\t\t\t\t\t<div class=\"text-sm\">\n\t\t\t\t\t\t\t\t<div class=\"mb-3\">Nomor rekening sesuai</div>\n\t\t\t\t\t\t\t\t<div class=\"flex gap-3\">\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<img :src=\"logoSearch(addBankAccountVerifiedData.logoCode)\" alt=\"\" class=\"h-5 w-5\">\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div class=\"font-bold\">{{ addBankAccountVerifiedData.accountName }}</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</Banner>\n\t\t\t\t\t</div>\n\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"card rounded-t-none p-5\">\n\t\t\t\t\t<button class=\"btn c-btn-theme w-100\" :disabled=\"addBankAccountStatus != 'verified'\"\n\t\t\t\t\t\t@click=\"nextStep()\">Verifikasi</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Daftar Rekening Penerima -->\n\t\t\t<div>\n\t\t\t\t<div class=\"card rounded-b-none p-5 mb-0.5\">\n\t\t\t\t\t<div class=\"text-sm\">Daftar Rekening Penerima</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"card rounded-t-none p-5\">\n\t\t\t\t\t<template v-if=\"isLoadingBankListApproved\">\n\t\t\t\t\t\t<div class=\"flex justify-center items-center\">\n\t\t\t\t\t\t\t<Loader />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</template>\n\n\t\t\t\t\t<template v-else-if=\"isErrorBankListApproved\">\n\t\t\t\t\t\t<div class=\"text-center mb-5\">Gagal memuat data</div>\n\t\t\t\t\t\t<!-- button retry -->\n\t\t\t\t\t\t<button class=\"btn bg-theme w-100\" @click=\"setBankListApproved\">Retry</button>\n\t\t\t\t\t</template>\n\n\t\t\t\t\t<template v-else-if=\"bankListApproved.length < 1\">\n\t\t\t\t\t\t<div class=\"text-xs text-center\">Anda belum memiliki rekening bank yang disetujui</div>\n\t\t\t\t\t</template>\n\n\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t<div v-for=\"item in bankListApproved\" class=\"flex items-center gap-3 mb-5\" :key=\"item._id\">\n\t\t\t\t\t\t\t<div class=\"w-6\">\n\t\t\t\t\t\t\t\t<!-- <LogoAbi size_prop=\"1.5em\" /> -->\n\t\t\t\t\t\t\t\t<img :src=\"item.bankLogo\" alt=\"Logo\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"text-xs\">\n\t\t\t\t\t\t\t\t<div class=\"mb-1\">\n\t\t\t\t\t\t\t\t\t{{ item.accountName }}\n\t\t\t\t\t\t\t\t\t<span :class=\"[`${item.status == 'Terverifikasi' ? 'success' : 'gold'}`, 'ml-2']\">\n\t\t\t\t\t\t\t\t\t\t{{ item.status }}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>{{ item.bankName }} - {{ item.accountNumber }}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</template>\n\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</div>\n\t\t<router-view></router-view>\n\t</div>\n</template>\n\n<script>\nimport useBankAccount from '../../composable/useBankAccount'\nimport { debounce } from '../../utils/debounce'\nimport { logoSearch } from '../../utils/logoSearch'\n\nimport Banner from '@/components/Banner.vue'\nimport Select from '@/components/ui/Select.vue'\nimport LogoAbi from '@/components/logo/LogoAbi.vue'\nimport Alert from '@/components/alert-component/AlertComponent.js'\nimport router from '../../router'\nimport Breadcrumbs from '../../components/Breadcrumbs.vue'\nimport Loader from '../../components/Loader.vue'\nimport InputComponent from '../../components/InputComponent.vue'\n\nexport default {\n\tname: 'AddBankAccount',\n\n\tmixins: [useBankAccount],\n\n\tcomponents: {\n\t\tBanner,\n\t\tSelect,\n\t\tLogoAbi,\n\t\tBreadcrumbs,\n\t\tLoader,\n\t\tInputComponent\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tbankChosen: '',\n\t\t\taccountNumber: '',\n\n\t\t\tdebouncedSearch: null\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tbankOptions() {\n\t\t\treturn this.bankList.map(bank => {\n\t\t\t\tconst logoCode = logoSearch(bank.code, 'bankSquare')\n\t\t\t\treturn {\n\t\t\t\t\tvalue: bank.code,\n\t\t\t\t\tlabel: bank.name,\n\t\t\t\t\tlogo: logoCode\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\t},\n\n\twatch: {\n\t\tbankChosen() {\n\t\t\tthis.verified()\n\t\t},\n\n\t\taccountNumber() {\n\t\t\tthis.verified()\n\t\t}\n\t},\n\n\tcreated() {\n\t\tthis.setBankList()\n\t\tthis.setBankListApproved({\n\t\t\tstatus: \"ACCEPTED\"\n\t\t})\n\t\tthis.debouncedSearch = debounce(this.addBankAccountFunc, 520)\n\t},\n\n\tmethods: {\n\t\tlogoSearch(code) {\n\t\t\treturn logoSearch(code, 'bankSquare')\n\t\t},\n\n\t\tverified() {\n\t\t\tif (!this.bankChosen || !this.accountNumber) {\n\t\t\t\treturn\n\t\t\t} else {\n\t\t\t\tthis.isLoadingAddBankAccount = true\n\t\t\t\tthis.debouncedSearch()\n\t\t\t}\n\t\t},\n\n\t\taddBankAccountFunc() {\n\t\t\tthis.addBankAccount({\n\t\t\t\t\"bank_code\": this.bankChosen.value,\n\t\t\t\t\"account_no\": this.accountNumber,\n\t\t\t})\n\t\t},\n\n\t\tnextStep() {\n\t\t\tAlert.open({\n\t\t\t\ttype: 'confirm',\n\t\t\t\ttitle: 'Persetujuan Pengguna',\n\t\t\t\tdescription: 'Saya setuju untuk data terkait dengan nomor rekening yang saya masukkan untuk diverifikasi lebih lanjut oleh JFXGOLD X',\n\t\t\t\tonConfirm: async () => {\n\t\t\t\t\tthis.$store.commit('bankAccount/setWhichProcessAddBankAccount', 'verify')\n\t\t\t\t\tthis.$router.push({ name: 'Identity Verification' })\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t},\n\n\t// beforeRouteUpdate(to, from, next) {\n\t// \t// just use `this`\n\t// \tconst answer = window.confirm('Do you really want to leave? you have unsaved changes!')\n\t// \tif (answer) {\n\t// \t\tnext()\n\t// \t} else {\n\t// \t\tnext(false)\n\t// \t}\n\t// },\n\n\t// beforeRouteLeave(to, from, next) {\n\t// \tlet answer\n\n\t// \tif (this.$store.state.bankAccount.requestKeyAddBankAccount) {\n\t// \t\tanswer = true\n\t// \t} else {\n\t// \t\tanswer = window.confirm('Do you really want to leave? you have unsaved changes!')\n\t// \t}\n\n\t// \tif (answer) {\n\t// \t\tnext()\n\t// \t} else {\n\t// \t\tnext(false)\n\t// \t}\n\t// }\n}\n</script>\n\n<style scoped>\n.norek {\n\tmargin-bottom: 0.125rem;\n}\n\n.card {\n\tbackground-color: var(--grey-4-color);\n}\n\n.logo-bagi {\n\twidth: 1.5em;\n\theight: 1.5em;\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!./AddBankAccount.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!./AddBankAccount.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddBankAccount.vue?vue&type=template&id=fbbc334a&scoped=true&\"\nimport script from \"./AddBankAccount.vue?vue&type=script&lang=js&\"\nexport * from \"./AddBankAccount.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AddBankAccount.vue?vue&type=style&index=0&id=fbbc334a&prod&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  \"fbbc334a\",\n  null\n  \n)\n\nexport default component.exports","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!./AddBankAccount.vue?vue&type=style&index=0&id=fbbc334a&prod&scoped=true&lang=css&\"","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!./InputComponent.vue?vue&type=style&index=0&id=1238ba58&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"input-group-c\"},[(_vm.isPrepend)?_c('span',{staticClass:\"input-prepend-c\"},[_vm._t(\"prepend\")],2):_vm._e(),_c('input',{class:['input-field-c', 'text-xs', `${_vm.isPrepend ? '' : 'pl-3'}`, `${_vm.isAppend ? '' : 'pr-3'}`],attrs:{\"type\":_vm.type,\"placeholder\":_vm.placeholder},on:{\"input\":function($event){return _vm.$emit('input', $event.target.value)},\"keypress\":_vm.onlyNumbers}}),(_vm.isAppend)?_c('span',{staticClass:\"input-append-c\"},[_vm._t(\"append\")],2):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"input-group-c\">\n\t\t<!-- Prepend Slot -->\n\t\t<span v-if=\"isPrepend\" class=\"input-prepend-c\">\n\t\t\t<slot name=\"prepend\"></slot>\n\t\t</span>\n\n\t\t<!-- Input -->\n\t\t<input :type=\"type\" :placeholder=\"placeholder\"\n\t\t\t:class=\"['input-field-c', 'text-xs', `${isPrepend ? '' : 'pl-3'}`, `${isAppend ? '' : 'pr-3'}`]\"\n\t\t\t@input=\"$emit('input', $event.target.value)\" @keypress=\"onlyNumbers\" />\n\n\t\t<!-- Append Slot -->\n\t\t<span v-if=\"isAppend\" class=\"input-append-c\">\n\t\t\t<slot name=\"append\"></slot>\n\t\t</span>\n\t</div>\n</template>\n\n<script>\nexport default {\n\tname: 'InputWithPrependAppend',\n\tprops: {\n\t\tisPrepend: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\tisAppend: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'text'\n\t\t},\n\t\tplaceholder: {\n\t\t\ttype: String,\n\t\t\tdefault: ''\n\t\t},\n\n\t\tnumberOnly: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t},\n\n\tmethods: {\n\t\tonlyNumbers(event) {\n\t\t\tif (this.numberOnly && !/[0-9]/.test(event.key)) {\n\t\t\t\tevent.preventDefault()\n\t\t\t}\n\t\t}\n\t}\n}\n</script>\n\n<style scoped>\n/* Wrapper for Input Group */\n.input-group-c {\n\tdisplay: flex;\n\talign-items: center;\n\t/* border: 1px solid #d1d5db; */\n\t/* Light gray border */\n\tborder-radius: 0.375rem;\n\t/* Rounded corners */\n\toverflow: hidden;\n\tbackground-color: var(--grey-1-color);\n\t/* Light background */\n\tcolor: white;\n\theight: 2.5rem;\n}\n\n/* Prepend and Append Styling */\n.input-prepend-c,\n.input-append-c {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0 0.75rem;\n\t/* Horizontal padding */\n\tfont-size: 0.875rem;\n\t/* Text size */\n\t/* color: #6b7280; */\n\t/* Gray text color */\n\tbackground-color: var(--grey-1-color);\n\t/* Slightly darker background */\n\t/* border-right: 1px solid #d1d5db; */\n\t/* Right border for prepend */\n}\n\n.input-append-c {\n\t/* border-left: 1px solid #d1d5db; */\n\t/* Left border for append */\n}\n\n/* Input Field Styling */\n.input-field-c {\n\t/* Allows input to grow */\n\tflex: 1;\n\n\t/* Inner padding */\n\t/* padding: 0; */\n\n\t/* Remove default border */\n\tborder: none;\n\t\n\t/* Text size */\n\t/* font-size: 0.875rem; */\n\n\t/* Remove focus outline */\n\toutline: none;\n\n\t/* Transparent background */\n\tbackground-color: transparent;\n\n\tcolor: white;\n}\n\n/* Focus State */\n.input-field-c:focus {\n\t/* background-color: #fff; */\n\t/* White background on focus */\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!./InputComponent.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!./InputComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputComponent.vue?vue&type=template&id=1238ba58&scoped=true&\"\nimport script from \"./InputComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./InputComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InputComponent.vue?vue&type=style&index=0&id=1238ba58&prod&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  \"1238ba58\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}