{"version":3,"sources":["webpack:///./src/components/basic/form_doc.vue","webpack:///src/components/basic/form_doc.vue","webpack:///./src/components/basic/form_doc.vue?fada","webpack:///./src/components/basic/form_doc.vue?a4fe","webpack:///../../../src/components/VResponsive/VResponsive.ts","webpack:///../../../src/components/VResponsive/index.ts","webpack:///../../../src/components/VImg/VImg.ts"],"names":["on","$emit","_vm","staticClass","attrs","_c","staticStyle","ref","_v","model","value","expression","process","callback","$set","directives","rawName","domProps","form","type","indexOf","staticRenderFns","props","default","fullscreen","data","upload","ktp","kk","npwp","bpjs_kesehatan","bpjs_ketenagakerjaan","message","success","error","components","uploadfolder","computed","rps","watch","handler","deep","mounted","methods","reset","then","setTimeout","map","key","filter","behavior","block","component","mixins","Measurable","extend","name","aspectRatio","String","Number","contentClass","computedAspectRatio","this","aspectStyle","paddingBottom","undefined","__cachedSizer","$createElement","style","genContent","class","getSlot","render","h","measurableStyles","$listeners","VResponsive","hasIntersect","window","Themeable","intersect","alt","contain","Boolean","eager","gradient","lazySrc","options","Object","root","rootMargin","threshold","position","sizes","src","srcset","transition","currentSrc","image","isLoading","calculatedAspectRatio","naturalWidth","hasError","normalisedSrc","aspect","__cachedImage","backgroundImage","push","join","backgroundPosition","mode","loadImage","init","entries","observer","isIntersecting","lazyImg","Image","pollForSize","onLoad","getSrc","endsWith","startsWith","naturalHeight","onError","onload","decode","catch","err","consoleWarn","onerror","img","timeout","poll","complete","content","call","_b","width","__genPlaceholder","slot","placeholder","appear","node","mergeData","role","themeClasses","modifiers","once","children","tag"],"mappings":"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","file":"js/chunk-a848a53a.ddca061e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-card',{staticClass:\"border-radius pa-2\"},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_vm._v(\"\\n    Dokumen\\n\\n    \"),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#2391d0\"},on:{\"click\":function($event){return _vm.$emit('screen', !_vm.fullscreen ? true : false)}}},[_vm._v(\"\\n      \"+_vm._s(!_vm.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n    \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){return _vm.reset()}}},[_vm._v(\"\\n      mdi-close-circle-outline\\n    \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"pt-2\",staticStyle:{\"height\":\"750px\"}},[_c('ValidationObserver',{ref:\"form\"},[_c('v-form',[_c('div',{staticClass:\"mb-6\"},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n            Upload KTP\\n          \")]),_c('uploadfolder',{staticStyle:{\"height\":\"300px\"},model:{value:(_vm.upload.ktp),callback:function ($$v) {_vm.$set(_vm.upload, \"ktp\", $$v)},expression:\"upload.ktp\"}},[_c('div',{staticClass:\"cursor-pointer\",attrs:{\"slot\":\"activator\"},slot:\"activator\"},[_c('v-card',{staticClass:\"d-flex align-center justify-center\",staticStyle:{\"border-radius\":\"15px\",\"border\":\"2px solid #eaeaea\",\"border-style\":\"dashed\"},attrs:{\"flat\":\"\",\"height\":\"300\"}},[(_vm.form.ktp.length < 1)?_c('div',[(!_vm.process.ktp)?_c('v-icon',{attrs:{\"size\":\"60\",\"color\":\"grey\"}},[_vm._v(\"\\n                    mdi-cloud-upload-outline\\n                  \")]):_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#2391d0\"}})],1):_c('v-img',{staticClass:\"text-center d-flex align-center\",attrs:{\"contain\":\"\",\"height\":\"300\",\"src\":_vm.form.ktp,\"alt\":_vm.form.ktp}},[_c('div',{staticClass:\"d-flex aling-center justify-center\",staticStyle:{\"width\":\"100%\",\"height\":\"auto\"}},[(!_vm.process.ktp)?_c('v-icon',{attrs:{\"size\":\"60\",\"color\":\"white\"}},[_vm._v(\"\\n                      mdi-cloud-upload-outline\\n                    \")]):_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#2391d0\"}})],1)])],1)],1)])],1),_c('div',{staticClass:\"mb-6\"},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n            Upload KK\\n          \")]),_c('uploadfolder',{staticStyle:{\"height\":\"300px\"},model:{value:(_vm.upload.kk),callback:function ($$v) {_vm.$set(_vm.upload, \"kk\", $$v)},expression:\"upload.kk\"}},[_c('div',{staticClass:\"cursor-pointer\",attrs:{\"slot\":\"activator\"},slot:\"activator\"},[_c('v-card',{staticClass:\"d-flex align-center justify-center\",staticStyle:{\"border-radius\":\"15px\",\"border\":\"2px solid #eaeaea\",\"border-style\":\"dashed\"},attrs:{\"flat\":\"\",\"height\":\"300\"}},[(_vm.form.kk.length < 1)?_c('div',[(!_vm.process.kk)?_c('v-icon',{attrs:{\"size\":\"60\",\"color\":\"grey\"}},[_vm._v(\"\\n                    mdi-cloud-upload-outline\\n                  \")]):_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#2391d0\"}})],1):_c('v-img',{staticClass:\"text-center d-flex align-center\",attrs:{\"contain\":\"\",\"height\":\"300\",\"src\":_vm.form.kk,\"alt\":_vm.form.kk}},[_c('div',{staticClass:\"d-flex aling-center justify-center\",staticStyle:{\"width\":\"100%\",\"height\":\"auto\"}},[(!_vm.process.kk)?_c('v-icon',{attrs:{\"size\":\"60\",\"color\":\"white\"}},[_vm._v(\"\\n                      mdi-cloud-upload-outline\\n                    \")]):_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#2391d0\"}})],1)])],1)],1)])],1),_c('div',{staticClass:\"mb-6\"},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n            Upload NPWP\\n          \")]),_c('uploadfolder',{staticStyle:{\"height\":\"300px\"},model:{value:(_vm.upload.npwp),callback:function ($$v) {_vm.$set(_vm.upload, \"npwp\", $$v)},expression:\"upload.npwp\"}},[_c('div',{staticClass:\"cursor-pointer\",attrs:{\"slot\":\"activator\"},slot:\"activator\"},[_c('v-card',{staticClass:\"d-flex align-center justify-center\",staticStyle:{\"border-radius\":\"15px\",\"border\":\"2px solid #eaeaea\",\"border-style\":\"dashed\"},attrs:{\"flat\":\"\",\"height\":\"300\"}},[(_vm.form.npwp.length < 1)?_c('div',[(!_vm.process.npwp)?_c('v-icon',{attrs:{\"size\":\"60\",\"color\":\"grey\"}},[_vm._v(\"\\n                    mdi-cloud-upload-outline\\n                  \")]):_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#2391d0\"}})],1):_c('v-img',{staticClass:\"text-center d-flex align-center\",attrs:{\"contain\":\"\",\"height\":\"300\",\"src\":_vm.form.npwp,\"alt\":_vm.form.npwp}},[_c('div',{staticClass:\"d-flex aling-center justify-center\",staticStyle:{\"width\":\"100%\",\"height\":\"auto\"}},[(!_vm.process.npwp)?_c('v-icon',{attrs:{\"size\":\"60\",\"color\":\"white\"}},[_vm._v(\"\\n                      mdi-cloud-upload-outline\\n                    \")]):_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#2391d0\"}})],1)])],1)],1)])],1),_c('div',{staticClass:\"mb-6\"},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n            Upload BPJS Kesehatan\\n          \")]),_c('uploadfolder',{staticStyle:{\"height\":\"300px\"},model:{value:(_vm.upload.bpjs_kesehatan),callback:function ($$v) {_vm.$set(_vm.upload, \"bpjs_kesehatan\", $$v)},expression:\"upload.bpjs_kesehatan\"}},[_c('div',{staticClass:\"cursor-pointer\",attrs:{\"slot\":\"activator\"},slot:\"activator\"},[_c('v-card',{staticClass:\"d-flex align-center justify-center\",staticStyle:{\"border-radius\":\"15px\",\"border\":\"2px solid #eaeaea\",\"border-style\":\"dashed\"},attrs:{\"flat\":\"\",\"height\":\"300\"}},[(_vm.form.bpjs_kesehatan.length < 1)?_c('div',[(!_vm.process.bpjs_kesehatan)?_c('v-icon',{attrs:{\"size\":\"60\",\"color\":\"grey\"}},[_vm._v(\"\\n                    mdi-cloud-upload-outline\\n                  \")]):_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#2391d0\"}})],1):_c('v-img',{staticClass:\"text-center d-flex align-center\",attrs:{\"contain\":\"\",\"height\":\"300\",\"src\":_vm.form.bpjs_kesehatan,\"alt\":_vm.form.bpjs_kesehatan}},[_c('div',{staticClass:\"d-flex aling-center justify-center\",staticStyle:{\"width\":\"100%\",\"height\":\"auto\"}},[(!_vm.process.bpjs_kesehatan)?_c('v-icon',{attrs:{\"size\":\"60\",\"color\":\"white\"}},[_vm._v(\"\\n                      mdi-cloud-upload-outline\\n                    \")]):_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#2391d0\"}})],1)])],1)],1)])],1),_c('div',{staticClass:\"mb-6\"},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n            Upload BPJS Ketenagakerjaan\\n          \")]),_c('uploadfolder',{staticStyle:{\"height\":\"300px\"},model:{value:(_vm.upload.bpjs_ketenagakerjaan),callback:function ($$v) {_vm.$set(_vm.upload, \"bpjs_ketenagakerjaan\", $$v)},expression:\"upload.bpjs_ketenagakerjaan\"}},[_c('div',{staticClass:\"cursor-pointer\",attrs:{\"slot\":\"activator\"},slot:\"activator\"},[_c('v-card',{staticClass:\"d-flex align-center justify-center\",staticStyle:{\"border-radius\":\"15px\",\"border\":\"2px solid #eaeaea\",\"border-style\":\"dashed\"},attrs:{\"flat\":\"\",\"height\":\"300\"}},[(_vm.form.bpjs_ketenagakerjaan.length < 1)?_c('div',[(!_vm.process.bpjs_ketenagakerjaan)?_c('v-icon',{attrs:{\"size\":\"60\",\"color\":\"grey\"}},[_vm._v(\"\\n                    mdi-cloud-upload-outline\\n                  \")]):_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#2391d0\"}})],1):_c('v-img',{staticClass:\"text-center d-flex align-center\",attrs:{\"contain\":\"\",\"height\":\"300\",\"src\":_vm.form.bpjs_ketenagakerjaan,\"alt\":_vm.form.bpjs_ketenagakerjaan}},[_c('div',{staticClass:\"d-flex aling-center justify-center\",staticStyle:{\"width\":\"100%\",\"height\":\"auto\"}},[(!_vm.process.bpjs_ketenagakerjaan)?_c('v-icon',{attrs:{\"size\":\"60\",\"color\":\"white\"}},[_vm._v(\"\\n                      mdi-cloud-upload-outline\\n                    \")]):_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#2391d0\"}})],1)])],1)],1)])],1)])],1),_c('v-alert',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.message.error.length > 0),expression:\"message.error.length > 0\"}],staticClass:\"mt-6\",attrs:{\"type\":\"error\",\"text\":\"\",\"dense\":\"\",\"prominent\":\"\"},domProps:{\"innerHTML\":_vm._s(_vm.message.error)}})],1),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"color\":\"green\",\"elevation\":\"0\",\"disabled\":_vm.process.form,\"loading\":_vm.process.form},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save()},\"click\":function($event){return _vm.save()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n      Simpan\\n    \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"outlined\":\"\",\"disabled\":_vm.process.form},on:{\"click\":function($event){return _vm.reset()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"color\":\"red\",\"small\":\"\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\"\\n      Batal\\n    \")],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-card class=\"border-radius pa-2\">\n    <v-card-title class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n      Dokumen\n\n      <v-spacer/>\n\n      <v-icon \n        @click=\"$emit('screen', !fullscreen ? true : false)\"\n        class=\"cursor-pointer mr-1\"\n        size=\"24\"\n        color=\"#2391d0\">\n        {{ !fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n      </v-icon>\n\n      <v-icon \n        @click=\"reset()\"\n        class=\"cursor-pointer\"\n        size=\"24\"\n        color=\"red\">\n        mdi-close-circle-outline\n      </v-icon>\n    </v-card-title>\n\n    <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n    <v-card-text \n      class=\"pt-2\"\n      style=\"height: 750px;\">\n      <ValidationObserver \n        ref=\"form\">\n        <v-form>\n          <div\n            class=\"mb-6\">\n            <div class=\"body-2 mb-2\">\n              Upload KTP\n            </div>\n\n            <uploadfolder\n              v-model=\"upload.ktp\" \n              style=\"height: 300px;\">\n              <div \n                slot=\"activator\"\n                class=\"cursor-pointer\">\n                <v-card \n                  flat\n                  height=\"300\"\n                  class=\"d-flex align-center justify-center\"\n                  style=\"border-radius: 15px;\n                        border: 2px solid #eaeaea; \n                        border-style: dashed;\">\n                  <div v-if=\"form.ktp.length < 1\">\n                    <v-icon v-if=\"!process.ktp\"\n                      size=\"60\" \n                      color=\"grey\">\n                      mdi-cloud-upload-outline\n                    </v-icon>\n\n                    <v-progress-circular v-else\n                      indeterminate\n                      color=\"#2391d0\">\n                    </v-progress-circular>\n                  </div>\n\n                  <v-img v-else\n                    contain\n                    height=\"300\"\n                    :src=\"form.ktp\" \n                    :alt=\"form.ktp\"\n                    class=\"text-center d-flex align-center\">\n                    <div \n                      class=\"d-flex aling-center justify-center\" \n                      style=\"width: 100%; height: auto;\">\n                      <v-icon v-if=\"!process.ktp\"\n                        size=\"60\" \n                        color=\"white\">\n                        mdi-cloud-upload-outline\n                      </v-icon>\n\n                      <v-progress-circular v-else\n                        indeterminate\n                        color=\"#2391d0\">\n                      </v-progress-circular>\n                    </div>\n                  </v-img>\n                </v-card>\n              </div>\n            </uploadfolder>\n          </div>\n\n          <div\n            class=\"mb-6\">\n            <div class=\"body-2 mb-2\">\n              Upload KK\n            </div>\n\n            <uploadfolder\n              v-model=\"upload.kk\" \n              style=\"height: 300px;\">\n              <div \n                slot=\"activator\"\n                class=\"cursor-pointer\">\n                <v-card \n                  flat\n                  height=\"300\"\n                  class=\"d-flex align-center justify-center\"\n                  style=\"border-radius: 15px;\n                        border: 2px solid #eaeaea; \n                        border-style: dashed;\">\n                  <div v-if=\"form.kk.length < 1\">\n                    <v-icon v-if=\"!process.kk\"\n                      size=\"60\" \n                      color=\"grey\">\n                      mdi-cloud-upload-outline\n                    </v-icon>\n\n                    <v-progress-circular v-else\n                      indeterminate\n                      color=\"#2391d0\">\n                    </v-progress-circular>\n                  </div>\n\n                  <v-img v-else\n                    contain\n                    height=\"300\"\n                    :src=\"form.kk\" \n                    :alt=\"form.kk\"\n                    class=\"text-center d-flex align-center\">\n                    <div \n                      class=\"d-flex aling-center justify-center\" \n                      style=\"width: 100%; height: auto;\">\n                      <v-icon v-if=\"!process.kk\"\n                        size=\"60\" \n                        color=\"white\">\n                        mdi-cloud-upload-outline\n                      </v-icon>\n\n                      <v-progress-circular v-else\n                        indeterminate\n                        color=\"#2391d0\">\n                      </v-progress-circular>\n                    </div>\n                  </v-img>\n                </v-card>\n              </div>\n            </uploadfolder>\n          </div>\n\n          <div\n            class=\"mb-6\">\n            <div class=\"body-2 mb-2\">\n              Upload NPWP\n            </div>\n\n            <uploadfolder\n              v-model=\"upload.npwp\" \n              style=\"height: 300px;\">\n              <div \n                slot=\"activator\"\n                class=\"cursor-pointer\">\n                <v-card \n                  flat\n                  height=\"300\"\n                  class=\"d-flex align-center justify-center\"\n                  style=\"border-radius: 15px;\n                        border: 2px solid #eaeaea; \n                        border-style: dashed;\">\n                  <div v-if=\"form.npwp.length < 1\">\n                    <v-icon v-if=\"!process.npwp\"\n                      size=\"60\" \n                      color=\"grey\">\n                      mdi-cloud-upload-outline\n                    </v-icon>\n\n                    <v-progress-circular v-else\n                      indeterminate\n                      color=\"#2391d0\">\n                    </v-progress-circular>\n                  </div>\n\n                  <v-img v-else\n                    contain\n                    height=\"300\"\n                    :src=\"form.npwp\" \n                    :alt=\"form.npwp\"\n                    class=\"text-center d-flex align-center\">\n                    <div \n                      class=\"d-flex aling-center justify-center\" \n                      style=\"width: 100%; height: auto;\">\n                      <v-icon v-if=\"!process.npwp\"\n                        size=\"60\" \n                        color=\"white\">\n                        mdi-cloud-upload-outline\n                      </v-icon>\n\n                      <v-progress-circular v-else\n                        indeterminate\n                        color=\"#2391d0\">\n                      </v-progress-circular>\n                    </div>\n                  </v-img>\n                </v-card>\n              </div>\n            </uploadfolder>\n          </div>\n\n          <div\n            class=\"mb-6\">\n            <div class=\"body-2 mb-2\">\n              Upload BPJS Kesehatan\n            </div>\n\n            <uploadfolder\n              v-model=\"upload.bpjs_kesehatan\" \n              style=\"height: 300px;\">\n              <div \n                slot=\"activator\"\n                class=\"cursor-pointer\">\n                <v-card \n                  flat\n                  height=\"300\"\n                  class=\"d-flex align-center justify-center\"\n                  style=\"border-radius: 15px;\n                        border: 2px solid #eaeaea; \n                        border-style: dashed;\">\n                  <div v-if=\"form.bpjs_kesehatan.length < 1\">\n                    <v-icon v-if=\"!process.bpjs_kesehatan\"\n                      size=\"60\" \n                      color=\"grey\">\n                      mdi-cloud-upload-outline\n                    </v-icon>\n\n                    <v-progress-circular v-else\n                      indeterminate\n                      color=\"#2391d0\">\n                    </v-progress-circular>\n                  </div>\n\n                  <v-img v-else\n                    contain\n                    height=\"300\"\n                    :src=\"form.bpjs_kesehatan\" \n                    :alt=\"form.bpjs_kesehatan\"\n                    class=\"text-center d-flex align-center\">\n                    <div \n                      class=\"d-flex aling-center justify-center\" \n                      style=\"width: 100%; height: auto;\">\n                      <v-icon v-if=\"!process.bpjs_kesehatan\"\n                        size=\"60\" \n                        color=\"white\">\n                        mdi-cloud-upload-outline\n                      </v-icon>\n\n                      <v-progress-circular v-else\n                        indeterminate\n                        color=\"#2391d0\">\n                      </v-progress-circular>\n                    </div>\n                  </v-img>\n                </v-card>\n              </div>\n            </uploadfolder>\n          </div>\n\n          <div\n            class=\"mb-6\">\n            <div class=\"body-2 mb-2\">\n              Upload BPJS Ketenagakerjaan\n            </div>\n\n            <uploadfolder\n              v-model=\"upload.bpjs_ketenagakerjaan\" \n              style=\"height: 300px;\">\n              <div \n                slot=\"activator\"\n                class=\"cursor-pointer\">\n                <v-card \n                  flat\n                  height=\"300\"\n                  class=\"d-flex align-center justify-center\"\n                  style=\"border-radius: 15px;\n                        border: 2px solid #eaeaea; \n                        border-style: dashed;\">\n                  <div v-if=\"form.bpjs_ketenagakerjaan.length < 1\">\n                    <v-icon v-if=\"!process.bpjs_ketenagakerjaan\"\n                      size=\"60\" \n                      color=\"grey\">\n                      mdi-cloud-upload-outline\n                    </v-icon>\n\n                    <v-progress-circular v-else\n                      indeterminate\n                      color=\"#2391d0\">\n                    </v-progress-circular>\n                  </div>\n\n                  <v-img v-else\n                    contain\n                    height=\"300\"\n                    :src=\"form.bpjs_ketenagakerjaan\" \n                    :alt=\"form.bpjs_ketenagakerjaan\"\n                    class=\"text-center d-flex align-center\">\n                    <div \n                      class=\"d-flex aling-center justify-center\" \n                      style=\"width: 100%; height: auto;\">\n                      <v-icon v-if=\"!process.bpjs_ketenagakerjaan\"\n                        size=\"60\" \n                        color=\"white\">\n                        mdi-cloud-upload-outline\n                      </v-icon>\n\n                      <v-progress-circular v-else\n                        indeterminate\n                        color=\"#2391d0\">\n                      </v-progress-circular>\n                    </div>\n                  </v-img>\n                </v-card>\n              </div>\n            </uploadfolder>\n          </div>\n        </v-form>\n      </ValidationObserver>\n\n      <v-alert \n        type=\"error\" \n        text dense prominent \n        class=\"mt-6\"\n        v-show=\"message.error.length > 0\"\n        v-html=\"message.error\">\n      </v-alert>\n    </v-card-text>\n\n    <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n    <v-card-actions>\n      <v-spacer/>\n\n      <v-btn\n        color=\"green\"\n        elevation=\"0\"\n        style=\"border-radius: 10px;\"\n        class=\"body-2 font-weight-bold text-capitalize white--text\"\n        :disabled=\"process.form\"\n        :loading=\"process.form\"\n        v-on:keyup.enter=\"save()\"\n        @click=\"save()\">\n        <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n        Simpan\n      </v-btn>\n\n      <v-btn\n        outlined\n        style=\"border-radius: 10px;\"\n        class=\"body-2 font-weight-bold text-capitalize red--text\"\n        :disabled=\"process.form\"\n        @click=\"reset()\">\n        <v-icon color=\"red\" small class=\"mr-1\">mdi-close-circle</v-icon>\n        Batal\n      </v-btn>\n    </v-card-actions>\n  </v-card>\n</template>\n\n<script>\n  import { get, post, put, destroy } from \"@/service/Axios\";\n  export default {\n    props: {\n      form: {\n        type: Object,\n        default: {}\n      },\n      fullscreen: {\n        type: Boolean,\n        default: false\n      }\n    },\n    data () {\n      return {\n        upload: {\n          ktp: null,\n          kk: null,\n          npwp: null,\n          bpjs_kesehatan: null,\n          bpjs_ketenagakerjaan: null\n        },\n        process: {\n          ktp: false,\n          kk: false,\n          npwp: false,\n          bpjs_kesehatan: false,\n          bpjs_ketenagakerjaan: false,\n          form: false\n        },\n        message: {\n          success: '',\n          error: ''\n        }\n      }\n    },\n    components: {\n      uploadfolder: () => import(/* webpackPrefetch: true */ '@/components/upload/folder.vue')\n    },\n    computed: {\n      rps() {\n        return this.$vuetify.breakpoint.name\n      }\n    },\n    watch: {\n      'upload.ktp': {\n        handler: function () {\n          if (this.upload.ktp) {\n            this.process.ktp = this.upload.ktp.process\n\n            if (!this.process.ktp) {\n              // CALLBACK FROM UPLOAD DOC\n              \n              this.form.ktp = this.upload.ktp.fileuri\n            }\n          }\n        },\n        deep: true\n      },\n      'upload.kk': {\n        handler: function () {\n          if (this.upload.kk) {\n            this.process.kk = this.upload.kk.process\n\n            if (!this.process.kk) {\n              // CALLBACK FROM UPLOAD DOC\n              \n              this.form.kk = this.upload.kk.fileuri\n            }\n          }\n        },\n        deep: true\n      },\n      'upload.npwp': {\n        handler: function () {\n          if (this.upload.npwp) {\n            this.process.npwp = this.upload.npwp.process\n\n            if (!this.process.npwp) {\n              // CALLBACK FROM UPLOAD DOC\n              \n              this.form.npwp = this.upload.npwp.fileuri\n            }\n          }\n        },\n        deep: true\n      },\n      'upload.bpjs_kesehatan': {\n        handler: function () {\n          if (this.upload.bpjs_kesehatan) {\n            this.process.bpjs_kesehatan = this.upload.bpjs_kesehatan.process\n\n            if (!this.process.bpjs_kesehatan) {\n              // CALLBACK FROM UPLOAD DOC\n              \n              this.form.bpjs_kesehatan = this.upload.bpjs_kesehatan.fileuri\n            }\n          }\n        },\n        deep: true\n      },\n      'upload.bpjs_ketenagakerjaan': {\n        handler: function () {\n          if (this.upload.bpjs_ketenagakerjaan) {\n            this.process.bpjs_ketenagakerjaan = this.upload.bpjs_ketenagakerjaan.process\n\n            if (!this.process.bpjs_ketenagakerjaan) {\n              // CALLBACK FROM UPLOAD DOC\n              \n              this.form.bpjs_ketenagakerjaan = this.upload.bpjs_ketenagakerjaan.fileuri\n            }\n          }\n        },\n        deep: true\n      }\n    },\n    mounted () {\n      \n    },\n    methods: {\n      reset () {\n        if (this.$refs.form) this.$refs.form.reset()\n        \n        this.$emit('close', false)\n\n        this.process.form = false\n\n        this.message.error = ''\n      },\n      async save () {\n        this.message.error = ''\n\n        const isValid = await this.$refs.form.validate()\n\n        if (isValid) {\n          this.process.form = true\n\n          // SAVE TO REST API\n          await post('admin/user/upload_doc', {\n            data: this.form\n          })\n          .then(response => {\n            let res = response.data\n            \n            this.process.form = false\n\n            if (res.status === 200) {\n              this.$emit('snackbar', res.message)\n            } else {\n              this.message.error = res.message\n            }\n          })\n\n        } else {\n          // AUTO FOCUS ON TEXT-FIELD\n          setTimeout(() => {\n            const errors = Object.entries(this.$refs.form.errors)\n              .map(([key, value]) => ({ key, value }))\n              .filter(error => error['value'].length)\n            this.$refs.form.refs[errors[0]['key']].$el.scrollIntoView({\n              behavior: 'smooth',\n              block: 'center'\n            })\n          }, 10)\n        }\n      }\n    }\n  }\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./form_doc.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./form_doc.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./form_doc.vue?vue&type=template&id=c6a4d53c&\"\nimport script from \"./form_doc.vue?vue&type=script&lang=js&\"\nexport * from \"./form_doc.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","import './VResponsive.sass'\n\n// Mixins\nimport Measurable, { NumberOrNumberString } from '../../mixins/measurable'\n\n// Types\nimport { VNode } from 'vue'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n/* @vue/component */\nexport default mixins(Measurable).extend({\n  name: 'v-responsive',\n\n  props: {\n    aspectRatio: [String, Number] as NumberOrNumberString,\n    contentClass: String,\n  },\n\n  computed: {\n    computedAspectRatio (): number {\n      return Number(this.aspectRatio)\n    },\n    aspectStyle (): object | undefined {\n      return this.computedAspectRatio\n        ? { paddingBottom: (1 / this.computedAspectRatio) * 100 + '%' }\n        : undefined\n    },\n    __cachedSizer (): VNode | [] {\n      if (!this.aspectStyle) return []\n\n      return this.$createElement('div', {\n        style: this.aspectStyle,\n        staticClass: 'v-responsive__sizer',\n      })\n    },\n  },\n\n  methods: {\n    genContent (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-responsive__content',\n        class: this.contentClass,\n      }, getSlot(this))\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-responsive',\n      style: this.measurableStyles,\n      on: this.$listeners,\n    }, [\n      this.__cachedSizer,\n      this.genContent(),\n    ])\n  },\n})\n","import VResponsive from './VResponsive'\n\nexport { VResponsive }\nexport default VResponsive\n","// Styles\nimport './VImg.sass'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Types\nimport { VNode } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\n// Components\nimport VResponsive from '../VResponsive'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport mergeData from '../../util/mergeData'\nimport { consoleWarn } from '../../util/console'\nimport { getSlot } from '../../util/helpers'\n\n// not intended for public use, this is passed in by vuetify-loader\nexport interface srcObject {\n  src: string\n  srcset?: string\n  lazySrc: string\n  aspect: number\n}\n\nconst hasIntersect = typeof window !== 'undefined' && 'IntersectionObserver' in window\n\n/* @vue/component */\nexport default mixins(\n  VResponsive,\n  Themeable,\n).extend({\n  name: 'v-img',\n\n  directives: { intersect },\n\n  props: {\n    alt: String,\n    contain: Boolean,\n    eager: Boolean,\n    gradient: String,\n    lazySrc: String,\n    options: {\n      type: Object,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    } as PropValidator<IntersectionObserverInit>,\n    position: {\n      type: String,\n      default: 'center center',\n    },\n    sizes: String,\n    src: {\n      type: [String, Object],\n      default: '',\n    } as PropValidator<string | srcObject>,\n    srcset: String,\n    transition: {\n      type: [Boolean, String],\n      default: 'fade-transition',\n    },\n  },\n\n  data () {\n    return {\n      currentSrc: '', // Set from srcset\n      image: null as HTMLImageElement | null,\n      isLoading: true,\n      calculatedAspectRatio: undefined as number | undefined,\n      naturalWidth: undefined as number | undefined,\n      hasError: false,\n    }\n  },\n\n  computed: {\n    computedAspectRatio (): number {\n      return Number(this.normalisedSrc.aspect || this.calculatedAspectRatio)\n    },\n    normalisedSrc (): srcObject {\n      return this.src && typeof this.src === 'object'\n        ? {\n          src: this.src.src,\n          srcset: this.srcset || this.src.srcset,\n          lazySrc: this.lazySrc || this.src.lazySrc,\n          aspect: Number(this.aspectRatio || this.src.aspect),\n        } : {\n          src: this.src,\n          srcset: this.srcset,\n          lazySrc: this.lazySrc,\n          aspect: Number(this.aspectRatio || 0),\n        }\n    },\n    __cachedImage (): VNode | [] {\n      if (!(this.normalisedSrc.src || this.normalisedSrc.lazySrc || this.gradient)) return []\n\n      const backgroundImage: string[] = []\n      const src = this.isLoading ? this.normalisedSrc.lazySrc : this.currentSrc\n\n      if (this.gradient) backgroundImage.push(`linear-gradient(${this.gradient})`)\n      if (src) backgroundImage.push(`url(\"${src}\")`)\n\n      const image = this.$createElement('div', {\n        staticClass: 'v-image__image',\n        class: {\n          'v-image__image--preload': this.isLoading,\n          'v-image__image--contain': this.contain,\n          'v-image__image--cover': !this.contain,\n        },\n        style: {\n          backgroundImage: backgroundImage.join(', '),\n          backgroundPosition: this.position,\n        },\n        key: +this.isLoading,\n      })\n\n      /* istanbul ignore if */\n      if (!this.transition) return image\n\n      return this.$createElement('transition', {\n        attrs: {\n          name: this.transition,\n          mode: 'in-out',\n        },\n      }, [image])\n    },\n  },\n\n  watch: {\n    src () {\n      // Force re-init when src changes\n      if (!this.isLoading) this.init(undefined, undefined, true)\n      else this.loadImage()\n    },\n    '$vuetify.breakpoint.width': 'getSrc',\n  },\n\n  mounted () {\n    this.init()\n  },\n\n  methods: {\n    init (\n      entries?: IntersectionObserverEntry[],\n      observer?: IntersectionObserver,\n      isIntersecting?: boolean\n    ) {\n      // If the current browser supports the intersection\n      // observer api, the image is not observable, and\n      // the eager prop isn't being used, do not load\n      if (\n        hasIntersect &&\n        !isIntersecting &&\n        !this.eager\n      ) return\n\n      if (this.normalisedSrc.lazySrc) {\n        const lazyImg = new Image()\n        lazyImg.src = this.normalisedSrc.lazySrc\n        this.pollForSize(lazyImg, null)\n      }\n      /* istanbul ignore else */\n      if (this.normalisedSrc.src) this.loadImage()\n    },\n    onLoad () {\n      this.getSrc()\n      this.isLoading = false\n      this.$emit('load', this.src)\n\n      if (\n        this.image &&\n        (this.normalisedSrc.src.endsWith('.svg') || this.normalisedSrc.src.startsWith('data:image/svg+xml'))\n      ) {\n        if (this.image.naturalHeight && this.image.naturalWidth) {\n          this.naturalWidth = this.image.naturalWidth\n          this.calculatedAspectRatio = this.image.naturalWidth / this.image.naturalHeight\n        } else {\n          this.calculatedAspectRatio = 1\n        }\n      }\n    },\n    onError () {\n      this.hasError = true\n      this.$emit('error', this.src)\n    },\n    getSrc () {\n      /* istanbul ignore else */\n      if (this.image) this.currentSrc = this.image.currentSrc || this.image.src\n    },\n    loadImage () {\n      const image = new Image()\n      this.image = image\n\n      image.onload = () => {\n        /* istanbul ignore if */\n        if (image.decode) {\n          image.decode().catch((err: DOMException) => {\n            consoleWarn(\n              `Failed to decode image, trying to render anyway\\n\\n` +\n              `src: ${this.normalisedSrc.src}` +\n              (err.message ? `\\nOriginal error: ${err.message}` : ''),\n              this\n            )\n          }).then(this.onLoad)\n        } else {\n          this.onLoad()\n        }\n      }\n      image.onerror = this.onError\n\n      this.hasError = false\n      this.sizes && (image.sizes = this.sizes)\n      this.normalisedSrc.srcset && (image.srcset = this.normalisedSrc.srcset)\n      image.src = this.normalisedSrc.src\n      this.$emit('loadstart', this.normalisedSrc.src)\n\n      this.aspectRatio || this.pollForSize(image)\n      this.getSrc()\n    },\n    pollForSize (img: HTMLImageElement, timeout: number | null = 100) {\n      const poll = () => {\n        const { naturalHeight, naturalWidth } = img\n\n        if (naturalHeight || naturalWidth) {\n          this.naturalWidth = naturalWidth\n          this.calculatedAspectRatio = naturalWidth / naturalHeight\n        } else if (!img.complete && this.isLoading && !this.hasError && timeout != null) {\n          setTimeout(poll, timeout)\n        }\n      }\n\n      poll()\n    },\n    genContent () {\n      const content: VNode = VResponsive.options.methods.genContent.call(this)\n      if (this.naturalWidth) {\n        this._b(content.data!, 'div', {\n          style: { width: `${this.naturalWidth}px` },\n        })\n      }\n\n      return content\n    },\n    __genPlaceholder (): VNode | void {\n      const slot = getSlot(this, 'placeholder')\n      if (slot) {\n        const placeholder = this.isLoading\n          ? [this.$createElement('div', {\n            staticClass: 'v-image__placeholder',\n          }, slot)]\n          : []\n\n        if (!this.transition) return placeholder[0]\n\n        return this.$createElement('transition', {\n          props: {\n            appear: true,\n            name: this.transition,\n          },\n        }, placeholder)\n      }\n    },\n  },\n\n  render (h): VNode {\n    const node = VResponsive.options.render.call(this, h)\n\n    const data = mergeData(node.data!, {\n      staticClass: 'v-image',\n      attrs: {\n        'aria-label': this.alt,\n        role: this.alt ? 'img' : undefined,\n      },\n      class: this.themeClasses,\n      // Only load intersect directive if it\n      // will work in the current browser.\n      directives: hasIntersect\n        ? [{\n          name: 'intersect',\n          modifiers: { once: true },\n          value: {\n            handler: this.init,\n            options: this.options,\n          },\n        }]\n        : undefined,\n    })\n\n    node.children = [\n      this.__cachedSizer,\n      this.__cachedImage,\n      this.__genPlaceholder(),\n      this.genContent(),\n    ] as VNode[]\n\n    return h(node.tag, data, node.children)\n  },\n})\n"],"sourceRoot":""}